tag react

標籤
貢獻253
425
05:50 PM · Oct 25 ,2025
tuzixiansen_63d4d65909d62 頭像 sysu_xuejia 頭像 refanbanzhang 頭像 data_ai 頭像 changlina 頭像 ruochuan12 頭像 zzd41 頭像 tosmile 頭像 jackysummer 頭像 icecreamlj 頭像 yayu 頭像 assassin 頭像

@react / 博客 RSS 訂閱

zzzzzzjjjjjjj 頭像

可樂雞翅 - 🚀JS使用Wasm為你的文件MD5計算裝上火箭引擎🚀

前言 公眾號：【可樂前端】，期待關注交流，分享一些有意思的前端知識 之前在一個自己的項目中嘗試做一個web視頻轉碼功能，計劃用的是ffmpeg這個強大的庫。當時就瞭解到了wasm把ffmpeg移植到瀏覽器中使用。但是等真正要發佈到生產的時候還是遇到一些問題， 比如説ffmpeg體積比較大，加載速度緩慢；還有sharedArrayBuffer與ffmpeg.wasm的一些關係，簡單來説就是如果需要使

react , webassembly , typescript , 前端 , Javascript

收藏 評論

changlina 頭像

長林啊 - 打造高效React應用：CSS方案深度解析

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者；致力於終生學習和技術分享。 在React以其聲明式編程範式和組件化架構，成為了構建用户界面的首選技術之一。然而，隨着項目規模的擴大和設計需求的多樣化，如何高效地管理 CSS 樣式成為了每個React開發者都需要面對的挑戰。 本文將從一下三個方面進行介紹，探討如何在 React 中應用和管理樣式，包括內聯樣式、CSS

react , 全棧 , web開發 , next.js , 前端

收藏 評論

nulidexiaocongmang 頭像

MangoGoing - 如何從 create-react-app 遷移到 Vite？

在不斷髮展的 Web 開發領域，對於任何希望提高性能和可維護性的開發人員來説，掌握高效的工具和流程都至關重要。對於許多希望構建現代單頁 React 應用程序的人來説，Vite 已成為 Create React App (CRA) 的自然繼任者。在本綜合指南中，我們將逐步介紹將您的項目從 CRA 遷移到 Vite 的步驟，重點是實用性和易用性。 距離 Vite 推出已經有4年時間，Vite 5.0

react , vite , create-react-app , 前端

收藏 評論

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】DOM篇（一）

前言 本文是 ahooks 源碼系列的第二篇，下面鏈接是第一篇 DOM 篇的前置講解： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素 後續的文章將會直入主題，每篇文章解讀四至六個 Hooks 源碼實現。 useEventListener 優雅的使用 addEventListener。 官方文檔 用法 import React, { useState, useRe

react , hooks , 前端 , Javascript

收藏 評論

tianmiaogongzuoshi_5ca47d59bef41 頭像

天渺工作室 - react-mobx6+使用案例

​ PS:mobx6版本以後官方不建議使用@observable裝飾器了 可看官方案例 https://mobx.js.org/the-gist-of-mobx.html 腳手架 create-react-app 一、安裝 //npm yarn 隨需求，儘量不要混用，混用有些資源可能會出現掉包 yarn add mobx yarn add mobx-react // 版本號

react , mobx--react , mobx

收藏 評論

jianer 頭像

健兒 - 如何用useRef優化重複請求

如題：如何用useRef優化重複請求。 寫業務代碼，時而會遇見這種情況，如下偽代碼： useEffect(() = { // api請求 () }, [a, b]) 參數a來源某接口請求、參數b來源另外一個接口請求 毫無疑問，上面寫法回調函數一定會進去兩次，除了用參數校驗 比如滿足條件再進入api調用，還可以用useRef來暫存參數，而又不會引起頁面的re-rende

react , hook , Javascript

收藏 評論

gqkmiss 頭像

月恆 - NextJS CVE-2025-29927 安全漏洞

NextJS CVE-2025-29927 安全漏洞 CVE-2025-29927 是一個存在於 Next.js 框架中的關鍵安全漏洞。該漏洞允許攻擊者通過偽造或篡改 x-middleware-subrequest 請求頭，繞過中間件（Middleware）的安全檢查，從而訪問到原本受保護的路由或 API，進而導致授權繞過（Authorization Bypass）以及潛在的更深層次安全風險。本篇

react , middleware , next.js , 安全漏洞 , 前端

收藏 評論

data_ai 頭像

數據庫知識分享者 - 阿里雲AHAS Chaos：應用及業務高可用提升工具平台之故障演練

簡介： 阿里雲AHAS Chaos：應用及業務高可用提升工具平台之故障演練 應用高可用服務AHAS及故障演練AHAS Chaos 應用高可用服務（Application High Availability Service）是阿里雲一款專注於提高應用及業務高可用的工具平台，目前主要提供應用架構探測感知、故障注入式高可用能力評測和流控降級高可用防護三大核心能力，通過各自的工具模塊可以快速低成本地在營銷

react , coffeescript , bootstrap , Javascript

收藏 評論

gaurav-khanna 頭像

Gaurav Khanna - Useful React APIs For Building Flexible Components With TypeScript

Have you ever used React.createElement directly? What about React.cloneElement? React is more than just transforming your JSX into HTML. Much more, and to help you level up your knowledge of lesser-

react , API , Tools , typescript

收藏 評論

turing_interview 頭像

圖靈訪談 - 知乎pure render專欄創辦人@流形：選擇React這條路，很慶幸

本文僅用於學習和交流目的，不得用於商業目的。非商業轉載請註明作譯者、出處，並保留本文的原始鏈接：http://www.ituring.com.cn/Art... 陳屹（流形） 前端架構師，就職於阿里巴巴。熱衷開源事業，長年專注於前端架構、數據可視化、Node.js等領域，知乎專欄pure render的創辦人。 segmentfault社區活躍地址：https://segmentfault

react , vue.js , 圖靈訪談 , 開源項目介紹

收藏 評論

caideheirenyagao 頭像

菜的黑人牙膏 - React-flux雜記

簡介 Flux是一種搭建WEB客户端的應用架構，更像是一種模式而不是一個框架。 特點 單向數據流 與MVC的比較 1.傳統的MVC如下所示（是一個雙向數據流模型） 用户觸發事件 View通知Controller執行相關邏輯 Controller通知Modal需要數據 Modal返回數據給Controller Controller再通知View更新 2.前端中的MVC 因為前端中視

react , flux , 前端框架 , 前端 , Javascript

收藏 評論

jan-amann 頭像

jan-amann - Internationalization In Next.js 13 With React Server Components

With the introduction of Next.js 13 and the beta release of the App Router, React Server Components became publicly available. This new paradigm allows components that don’t require React’s interact

react , next.js , coding , Javascript

收藏 評論

teng-wei-herr 頭像

Teng Wei Herr - Adaptive Video Streaming With Dash.js In React

I was recently tasked with creating video reels that needed to be played smoothly under a slow network or on low-end devices. I started with the native HTML5 video tag but quickly hit a wall — it ju

react , Techniques , Tools , coding , Video

收藏 評論

deepak-kumar 頭像

Deepak Kumar - A Guide To Redux Toolkit With TypeScript

If you are a React developer working on a complex application, you will need to use global state management for your app at some point. React Redux is one of the most popular libraries for state man

react , redux , typescript , Javascript

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 3.1 redux 介紹

書籍完整目錄 3.1 開始使用 redux 前面我們介紹了 flux 架構以及其開源實現 redux，在這一節中，我們將完整的介紹 redux: redux 介紹 redux 是什麼 redux 概念 redux 三原則 redux Stores redux Action

react , flux , redux , leanreact , 前端

收藏 評論

lazar-nikolov 頭像

Lazar Nikolov - The Forensics Of React Server Components (RSCs)

This article has been kindly supported by our dear friends at Sentry.io, who help developers see what actually matters, solve quicker, and learn continuously about their apps. Thank you! In

performance , react , coding , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 企業微信關聯微信小程序

綁定 入口：企業微信管理後台 需要企業微信管理員賬號登錄 1、進入企業微信管理後台，找到應用管理，創建應用 2、選擇已有的小程序創建 3、此時會跳轉到公眾平台授權登錄，需要小程序管理員掃碼登錄 4、登錄完成後會彈出一個界面，該界面就是關聯的小程序界面，在該界面選擇可見範圍：部門/成員 之後點擊創建即可 5、創建之後就可以在工作台看

react , vue.js , HTML , 前端 , Javascript

收藏 評論

shaogongbra 頭像

ShaoGongBra - 使用duxapp開發 React Native App 事半功倍

Taro的React Native端開發提供了兩種開發方式，一種是將殼和代碼分離，一種是將殼和代碼合併在一起開發 殼是用來打包調試版或者發版安裝包使用的 代碼是運行在殼上的js代碼 Taro殼子的代碼倉庫https://github.com/NervJS/taro-native-shell duxapp中更進一步，你不需要太關注殼子什麼的，你只需要安裝好安卓和ios的編譯環境，用一個命令

react , react-native , app , taro , 前端

收藏 評論

zzd41 頭像

superZidan - 基於 React Flow 與 Web Audio API 的音頻應用開發

今天我們來學習通過 React Flow 和 Web Audio API 來創建一個可交互的語音廣場。我們將會從最小的場景開始，在學習 React Flow（包括：狀態管理，實現自定義節點，添加交互能力） 之前，我們會先學習 Web Audio API。 這個教程會一步一步地帶你完善這個應用，當然你也可以跳過中間的一些步驟。但如果你是一名新手，還是建議你從頭到尾按順序看完。 Web Audio A

react , 進階 , 音頻 , Css , Javascript

收藏 評論

vistart 頭像

vistart - Vue3與React構建可擴展Web應用的技術方案深度研究報告（2024-2025）

研究概覽 基於對2024-2025年最新技術趨勢、企業實踐案例和市場數據的深入研究，本報告全面分析了Vue3和React在構建可擴展web應用方面的技術方案。研究發現，兩個框架在技術架構、開發範式、安全性能等方面各有優勢，選擇需要根據團隊規模、項目需求和市場定位來決定。 1. 可擴展Web應用的設計範式對比 Vue3的組件化設計模式和Composition API Composition API最

react , vue.js , 開發 , typescript , 前端

收藏 評論

tudou_5e2d76940fbaa 頭像

風不識途 - React基礎語法總結

React基礎語法 React介紹 1.React是什麼? React 是由 Facebook 開源的一個JS 庫 官方解釋: React 是一個聲明式，高效且靈活的用於構建用户界面的 JavaScript 庫 br/ 2.React的特點(瞭解) 聲明式編程 什麼是聲明式編程: 它描述目標的性質，讓電腦明白目標，而非流程 聲明式編程是告訴計算機需要計算 “什

react , jsx , virtual-dom

收藏 評論

noam-rosenthal 頭像

Noam Rosenthal - What Web Frameworks Solve: The Vanilla Alternative (Part 2)

Last week, we looked at the different benefits and costs of using frameworks, starting from the point of view of which core problems they’re trying to solve, focusing on declarative programming, dat

react , Frameworks , Javascript

收藏 評論

data_ai 頭像

數據庫知識分享者 - 為了讓你在“口袋奇兵”聊遍全球，Serverless 做了什麼？

簡介： 江娛互動是一家新興的遊戲企業，自 2018 年成立伊始，江娛互動就面向廣闊的全球遊戲市場，通過創造有趣的遊戲體驗，在競爭激烈的遊戲市場佔得一席之地。僅僅 2 年的時間，江娛互動就憑藉 Topwar（口袋奇兵）單款產品躋身中國遊戲廠商出海 30 強。在“中國遊戲，未來可期”的使命下，江娛互動正在不斷豐富旗下的遊戲品類，希望把更多的快樂帶給全球玩家。 江娛互動是一家新興的遊戲企業，自 201

react , coffeescript , bootstrap , Javascript

收藏 評論

moon_glade 頭像

moonglade - 解讀 React useEvent RFC

談談 React 的新提案：useEvent 2022 年 5 月 5 日，Dan Abramov 在 React RFC 上提交了一個新 hook 的提案：useEvent。其目的是返回一個永遠引用不變(always-stable)的事件處理函數。 沒有 useEvent 時我們如何寫事件函數 首先我們來看一下這段代碼 function Chat() { const [text, setTe

Facebook , react , hooks , github , rfc

收藏 評論