關於 React 生態系統的一系列很棒的東西。
用於構建用戶界面的 JavaScript 庫
React 通用資源
反應社區
React 在線遊樂場
另一個很棒的列表
React 教程
React 通用教程
反應鉤子
React 和 TypeScript
反應性能
[使用 React DevTools Profiler 診斷 React App 性能問題](https://www.netlify.com/blog/2018/08/29/using-the-react-devtools-profiler-to-diagnose-react-app -性能問題/）
反應內部
React 面試問題
反應工具
React 開發工具
react-devtools - 在 Chrome 和 Firefox 開發者工具中檢查 React 組件層次結構
react-hot-loader - 實時調整 React 組件
react-loadable - 用於加載帶有 Promise 的組件的高階組件
loadable-components - React 代碼拆分變得容易
reactotron - 用於檢查 React 和 React Native 項目的桌面應用程序
storybook - UI 組件開發和測試
docz - 零配置，使用 Markdown + JSX 實時重新加載文檔
react-styleguidist - 獨立的React組件開發環境，帶有生活方式指南
react-cosmos - 用於創建可重用 React 組件的開發工具
eslint-plugin-react - 為 ESLint 反應特定的 linting 規則
eslint-plugin-jsx-a11y - JSX 元素上 a11y 規則的靜態 AST 檢查器
@axe-core/react - React 應用程序的可訪問性審計
DataFormsJS JSX 加載器 - 用於在網頁上直接將 JSX 快速轉換為 JS 的小型 JavaScript 編譯器
你為什麼渲染 - 猴子補丁 React 通知你可避免的重新渲染。
Divjoy - React 代碼庫和 UI 生成器以加快開發速度（付費）
Plasmic - 用於可視化構建 React 組件的強大設計工具。
jsx-ast-utils - 用於靜態分析 JSX 的 AST 實用程序模塊
react-scanner - 從代碼中提取 React 組件和 props 使用
React 入門套件和工具鏈
create-react-app - 通過運行一個命令設置現代 Web 應用程序
Razzle - 構建生產就緒的 React 應用程序。Razzle 是現代靜態和動態網站和 Web 應用程序的工具鏈
Neutrino React Preset - @neutrinojs/react 是一個支持構建 React Web 應用程序的 Neutrino 預設
react-starter-kit - 同構 Web 應用程序樣板
create-react-library - 使用 Rollup 和 create-react-app 創建可重用的現代 React 庫的 CLI。
tsdx - 用於 TypeScript 包開發的零配置 CLI
反應框架
next.js - React 框架
gatsby.js - 基於 React 的免費開源框架
react-admin - 用於在 REST/GraphQL API 之上構建 B2B 應用程序的前端框架
remix - 最後，來自 React Router 創建者的殺手級 React 框架
Blitz - 全棧 React 框架
aleph.js - Deno 中的 React 框架
refine - 一個基於 React 的框架，用於立即構建數據密集型應用程序。
反應樣式
styled-components - 組件時代的視覺原語
emotion - 專為使用 JavaScript 編寫 CSS 樣式而設計的庫
radium - React 組件樣式的工具鏈
jss - CSS 創作工具
aphrodite - 與框架無關的 CSS-in-JS，支持服務器端渲染、瀏覽器前綴和最小 CSS 生成
linaria - JS 中的零運行時 CSS
stitches - CSS-in-JS 具有接近於零的運行時、SSR、多變量支持和一流的開發人員體驗
vanilla-extract - 零運行時 Stylesheets-in-TypeScript
反應路由
react-location - React 的企業客戶端路由
react-router - React 的聲明式路由
navi - React 的聲明式異步路由
curi - 用於單頁應用程序的 JavaScript 路由器
reach - React 的下一代路由
universal-router - 用於同構 JavaScript Web 應用程序的簡單中間件式路由器
wouter - 一個極簡友好的~1.3KB 路由庫
React 組件庫
material-ui - React 組件用於更快、更輕鬆的 Web 開發
blueprint - 一個基於 React 的網絡 UI 工具包
Fluent UI - 一組用於構建 Microsoft Web 體驗的 React 組件
react-bootstrap - 使用 React 構建的引導組件
reactstrap - 簡單的 React Bootstrap 4 組件
ant-design - 一個具有自然和確定性價值觀的設計系統
chakra-ui - 適用於您的 React 應用程序的簡單、模塊化和可訪問的 UI 組件
semantic-ui-react - 官方 Semantic-UI-React 集成
evergreen - Evergreen React UI Framework by Segment
grommet - 一個基於 react 的框架，在一個整潔的包中提供可訪問性、模塊化、響應性和主題
rebass - React 使用 styled-system 構建的原始 UI 組件
reakit - React 的可訪問、可組合和可定制的組件
rsuite - 一套 React 組件
atlaskit - Atlassian 的官方 UI 庫，根據 Atlassian 設計指南構建。
baseweb - Base Web 是啟動、發展和統一網絡產品的基礎。
primereact - 一個完整的 React UI 框架，包含 50 多個組件，包括材料、引導程序和自定義主題。
eui - 彈性 UI 框架
react-spectrum - Adobe 的庫和工具集合，可幫助您構建自適應、可訪問和強大的用戶體驗
ring-ui - JetBrains Web UI 組件
react-bulma-components - Bulma 框架的 React 組件
react-bulma - 基於 Flexbox 的現代 CSS 框架的 React.js 組件
trunx - Super Saiyan React 組件，Bulma 之子，用 TypeScript 實現
bumbag-ui - 使用您的 Bumbag 構建可訪問且可主題化的 React 應用程序
Mantine – 一個功能齊全的 React 庫，包含 100 多個鉤子和組件，支持原生深色主題
radix - 一個開源 UI 組件庫，用於構建高質量、可訪問的設計系統和 Web 應用程序
React 很棒的組件
react-select - React 的選擇組件
react-beautiful-dnd - 漂亮且易於使用的 React 列表拖放
react-dnd - React 的拖放
react-grid-layout - 具有響應斷點的可拖動和可調整大小的網格佈局
react-table - 用於 React 的輕量級、快速且可擴展的數據網格
react-data-grid - 使用 React 構建的類似 Excel 的網格組件
react-draggable - React 可拖動組件
react-resizable-and-movable - React 的可調整大小和可拖動組件
react-resizable - 一個簡單的 React 組件，可通過句柄調整大小
react-resizable-box - React 的可調整大小組件
react-searchbox-awesome - 簡約的搜索框
react-sortable-pane - React 的可排序和可調整大小的窗格組件
react-spaces - 可調整大小、錨定、可滾動的嵌套組件
react-dates - 一個易於國際化、移動友好的網絡日期選擇器庫
react-big-calendar - 日曆組件
react-datepicker - ReactJS Datepicker
react-list - 一個多功能的無限滾動 React 組件
react-intl - 國際化 React 應用程序
react-i18next - 正確完成 React 的國際化
react-aria-modal - 一個完全可訪問的 React modal
react-hotkeys - React 的聲明式熱鍵和焦點區域管理
react-keydown - React 組件的輕量級 keydown 包裝器
react-joyride - 為您的應用創建導覽
react-virtualized - 用於高效渲染大型列表和表格數據的 React 組件
react-window - 用於高效渲染大型列表和表格數據的 React 組件
數據源 - 為 Facebook 的 Flipper 中使用的流數據可視化提供動力的庫
react-text-mask - React 的輸入掩碼
react-loading-skeleton - 創建自動適應您的應用程序的骨架屏幕
react-spinkit - 使用 CSS 為 React 設置動畫的加載指示器集合
rheostat - 使用 React 構建的可訪問滑塊組件
qrcode.react - 用於 React 的 QR 組件
react-archer - 在 React 元素之間繪製箭頭
react-pdf-viewer - 為 React 製作的 PDF 查看器
react-parallax-tilt - 在 React 組件上輕鬆應用傾斜懸停效果
react-popper - 以優雅、高效的方式定位工具提示和彈出框
react-tsparticles - 輕鬆創建高度可定制的粒子動畫
react-spring - 基於 Spring-physics 的 React 應用程序動畫庫
framer-motion - 一個 React 庫，用於為生產就緒的動畫提供動力
react-accessible-accordion - 用於創建符合 WAI ARIA 可訪問性規範的“手風琴”的 React 組件。
react-truncate-markup - 用於截斷 JSX 標記的 React 組件。
react-cookie - React 的通用 cookie
react-slick - 使用 React 構建的輪播組件
react-gtm-module - React 的谷歌標籤管理器模塊
react-device-detect - 為 React 檢測設備
react-colorful - 一個小巧 (2,5 KB)、無依賴、快速且可訪問的顏色選擇器組件
react-modal - React 的可訪問模式對話框組件
cleave.js - 鍵入時格式化輸入文本內容
react-fontawesome - Font Awesome 5 React 組件
react-advanced-cropper - 用於圖像裁剪的高級 React 組件
swiper - 現代移動觸摸滑塊
反應測試
jest - 令人愉快的 JavaScript 測試框架
enzyme - React 的 JavaScript 測試工具
react-testing-library - 簡單而完整的 React DOM 測試工具
react-hooks-testing-library - 鼓勵良好測試實踐的 React hooks 測試實用程序
majestic - Jest 的零配置 GUI
反應庫
react-border-wrapper - 在 React 中沿 div 邊界放置元素的包裝器。
react-magic - 使用 React 的強大功能自動 AJAXify 純 HTML
react-toolbox - 一組實現 Google 的 Material Design 規範的 React 組件
tcomb-react - 允許您檢查 React 組件的所有道具的庫
react-responsive - 響應式設計中的媒體查詢
preact - 具有相同 ES6 API 的快速 3kb React 替代方案。
riotjs - 一個類似 React 的 3.5KB 用戶界面庫
Maple.js - 將 Web 組件的概念引入 React
react-i13n - 一種高性能、可擴展和可插拔的方法來檢測你的 React 應用程序
react-icons - 流行圖標包的 svg react 圖標
react-open-doodles - 很棒的免費插圖作為反應組件。
Keo - 用於創建 React 組件的功能更強大的 Deku 方法的普通函數，具有管道、記憶等功能的好東西...
Bit - 一個虛擬存儲庫，用於跨應用程序管理和使用 React 和其他 Web 組件
AtlasKit - Atlassian 的 React UI 庫
ReactiveSearch - Elasticsearch 的 UI 組件庫
Slate - 一個完全可定制的框架，用於構建富文本編輯器。
react-json-schema - 通過將 JSON 定義映射到您公開的 React 組件，從 JSON 構造 React 元素。
react-lodash - Lodash 作為 React 組件
react-helmet - React 的文檔主管管理器
react-snap - SPA 的零配置框架無關靜態預渲染
Draft.js - 用於構建文本編輯器的 React 框架
refract - 利用反應式編程的力量來增強你的組件
react-desktop - 使用 React 構建的 OS X 和 Windows UI 組件
reapop - 一個簡單且可定制的 React 通知系統
react-extras - 使用 React 的有用組件和實用程序
react-instantsearch - 快速搜索 React 和 React Native 應用程序，由 Algolia
uppy - 下一個用於網絡瀏覽器的開源文件上傳器
react-motion - 一個解決你動畫問題的彈簧
react-esi - React Edge Side Includes
react-aria - Adobe 的 React Hooks 庫，為您的設計系統提供可訪問的 UI 原語
react-uploady - React 的現代文件上傳組件和鉤子。
反應集成
om - ClojureScript 接口
Reagent - React.js 的簡約 ClojureScript 接口
ngReact - Angular 中的 React 組件
coffee-react-transform - 為 Coffeescript 提供 React JSX 支持
sprockets-coffee-react - CJSX 的 Sprockets 預處理器
react-kup - 一個簡單、非侵入式的 jsx 替代方案，用於咖啡腳本
turbo-react - 結合 Turbolinks 和 React 以應用 DOM 差異
react-bacon - 一個使用 React 和 Bacon.js 的小模塊
msx - React 的 JSX 轉換器，經過調整以輸出對 Mithril 的調用
react-backbone - 用於反應的 Backbone-aware mixins
NestedReact - 與 Backbone 視圖和 NestedTypes 模型的透明集成
backbone-reaction - React、Backbone 和一些
react.backbone - React 插件使 Backbone 遷移更容易
reactbone - Backbone 的 React 擴展
backbone-react-ui - 用於骨幹網和骨幹網分頁器的 React 組件
react-events - React 組件的聲明式託管事件綁定
react-mixin-manager - React mixin 註冊管理器
react-topcoat by @plaxdan - 使用 React 庫構建的 Topcoat CSS 組件
react-topcoat by @arnemart - Topcoat 的 React 組件集合
reactdown - 使用 Markdown 語法編寫 React 組件
react-jade - 編譯 Jade 以響應 JavaScript
jade-react - 將 Jade 模板編譯為 React.DOM 表達式
gulp-jade-react - 使用 Gulp 將 Jade 模板編譯成 React 去糖 JSX
sbt-reactjs - 使用 npm 反應 SBT 插件
scalajs-react - Scala.js 和 Facebook 的 React 之間的內疚
react-xtags - 使用 React 實現 xtags
jreact - 在服務器端 Java 上反應（使用 Rhino 或 Nashorn）
React.hiccup - 完全替代用 sweet.js 編寫的 JSX
react-play - 在 Play Framework 中使用 JDK8 的 Nashorn 渲染 React 組件
rx-react - 在 RxJS 中使用 React 的實用程序
react-with-di - 帶有 DI 的 React.js 的黑客原型
reactfire - ReactJS mixin 用於輕鬆集成 Firebase
react-clickdrag-mixin - React 組件的 ClickDrag 混合
react-masonry-mixin - Masonry 的獨立 mixin (@desandro)
react-packery-mixin - Packery 的獨立 mixin (Metafizzy)
react-dropzone - 帶有 React.js 的簡單 HTML5 拖放區。
aframe-react - A-Frame VR + React
react-three-fiber -threejs (web 和 react-native) 的 react 協調器
react-three - React 綁定以使用 three.js 創建和控制 3D 場景
react-three-renderer - 使用 React 渲染成 three.js 畫布
react-threejs - React 和 Three.js 之間最簡單的綁定
react-masonry-css - 由 CSS 提供支持的快速砌體佈局，無依賴
react-captcha - 谷歌的 react.js reCAPTCHA
reaptcha - Google reCAPTCHA 的干淨、現代和簡單的 React 包裝器
react-recaptcha-that-works - 適用於 React 的 reCAPTCHA 橋
反應狀態管理
redux - JavaScript 應用程序的可預測狀態容器
mobx - 簡單、可擴展的狀態管理
react-query - 在 React 中獲取、緩存和更新異步數據的鉤子
flux - 用於構建用戶界面的應用程序架構
recoil - React 應用的實驗狀態管理庫
xstate-react - 現代網絡的狀態機和狀態圖
zustand - 在 React 中承擔狀態管理的必需品
easy-peasy - React 的素食友好狀態
hookstate - 基於 hooks 的 React 簡單但非常強大且速度極快的狀態管理
效應器 - 快速而強大的反應式狀態管理器
reactn - React，但具有內置的全局狀態管理
react-facet - React 內置的高性能遊戲 UI 的基於 Observable 的狀態管理
反應 AR 和 VR
Viro React - 使用 React Native 快速構建 AR/VR 應用程序的平台
反應渲染器
react-three-fiber - Three.js 的 React 渲染器
react-pdf - 使用 React 創建 PDF 文件
ink - React 用於交互式命令行應用程序
react-blessed - Blessed 終端界面庫的 React 渲染器
react-sketchapp - 將 React 組件渲染到 Sketch
react-figma - Figma 的 React 渲染器
react-nil - 一個反應空渲染器
remotion - 在 React 中以編程方式創建視頻
＃＃＃＃＃ 形式
formik - 在 React 中構建表單，沒有眼淚
react-hook-form - 用於表單驗證的 React Hooks
react-jsonschema-form - 用於從 JSON Schema 構建 Web 表單的 React 組件
react-final-form - React 的高性能基於訂閱的表單狀態管理
unform - React 表單的以性能為中心的 API
formily - 阿里巴巴集團統一表單解決方案
uniforms - 用於從任何模式構建表單的 React 庫
formsy-react - React 的表單輸入構建器和驗證器
react-formal - React 的複雜 HTML 表單管理
vest - 受單元測試語法啟發的聲明式表單驗證框架。
自動完成
react-autocomplete by @rackt - 符合 WAI-ARIA 的 React 自動完成（存檔，只讀）
react-autosuggest by @moroshko - 符合 WAI-ARIA 的 React autosuggest 組件
react-autocomplete by @eliseumds - 只是品嚐一些 ReactJS + RxJS
react-autocomplete by @prometheusresearch - 基於 React 的自動完成小部件
instatype by @gragland - 簡單的反應自動完成組件
downshift - 🏎 用於構建簡單、靈活、符合 WAI-ARIA 的增強型輸入 React 組件的基元
React Bootstrap Typeahead - 一個基於 React 的 typeahead，它依賴於 Bootstrap 進行樣式設置，最初受到 Twitter 的 typeahead.js 的啟發。
圖形
react-art - React Bridge 到 ART 繪圖庫
react-canvas - React 組件的高性能<canvas> 渲染
[react- Famous](https://github.com/pilwon/react- Famous) - 使用 Famo.us 以 60 FPS 的複雜 3D 動畫 UI
react-kinetic - HTML5 Canvas 通過 KineticJS 使用 React
react-svg-morph - 將你的 svg 組件變形為另一個
react-hooks-svgdrawing - 帶有 React 鉤子的 SVG 繪圖
react-svg-pan-zoom - 向 SVG 添加平移和縮放功能的 React 組件。
數據管理
immer - 通過改變當前狀態來創建下一個不可變狀態
ReSub - 一個用於編寫更好的 React 組件和數據存儲的庫
immutable-js - Javascript 的不可變數據集合
baobab - JavaScript 和 TypeScript 具有游標的持久和可選不可變數據樹
WatermelonDB - 🍉 強大的 React 和 React Native 應用程序的反應式和異步數據庫⚡️
RxDB - JavaScript 應用程序的實時數據庫
地圖
react-googlemaps - 谷歌地圖的反應接口
react-maps - React 的地圖組件
react-google-maps - React.js 谷歌地圖集成組件
react-gmaps - React.js 的谷歌地圖組件
react-map-gl - MapboxGL-js 和覆蓋 API 的 React 包裝器
google-map-react - 同構 google map React 組件
react-mapbox-gl - 一個 mapbox-gl-js 包裝器，使 API 反應友好
google-maps-react - 使用 React、延遲加載依賴項、當前位置查找器和測試驅動方法的聲明性 Google Map React 組件由 Fullstack React 團隊提供。
react-leaflet - 用於 Leaflet 地圖的 React 組件
react-geo - 一組使用 react、antd 和 ol 的地理相關組件
pigeon-maps - 沒有外部依賴的 ReactJS 映射
圖表
vx - 可視化組件
victory - 用於構建交互式數據可視化的可組合 React 組件的集合
react-vis - 數據可視化組件
recharts - 重新定義了用 React 和 D3 構建的圖表庫
nivo - 提供一組豐富的數據可視化組件，構建在 D3 和 React 庫之上
echarts-for-react - 用於 React 包裝器的 Apache ECharts 組件
react-apexcharts - ApexCharts 的 React 組件
chartify - 使用 CSS 構建圖表的 React 插件
使用 React 構建原生應用程序的框架
React Native 通用資源
React Native 教程
[React Native 之美：使用 JavaScript 構建您的第一個 iOS 應用程序（第 1 部分）]（https://www.smashingmagazine.com/2016/04/the-beauty-of-react-native-building-your-first -ios-app-with-javascript-part-1/)
[React Native 之美：使用 JavaScript 構建您的第一個 iOS 應用程序（第 2 部分）]（https://www.smashingmagazine.com/2016/04/how-to-build-your-first-ios-app-with -javascript/)
React 原生開發工具
react-native-code-push - CodePush 的 React Native 模塊
React Native 示例應用程序
反應原生樣板
創建 React Native 應用程序 - 創建可在 iOS、Android 和 Web 上運行的 React Native 應用程序
Ignite - React Native、樣板、插件、生成器等最熱門的 CLI！
React Native Awesome 組件
Expo - 製作跨平台移動應用的Expo平台
react-navigation - React Native 應用程序的路由和導航
react-native-social-share - 通過 React Native 使用 iOS 和 Android 原生 Twitter 和 Facebook 共享彈出窗口
react-native-fbsdk - iOS Facebook SDK 的封裝
react-native-side-menu - 用於創建側邊菜單的簡單可定制組件
react-native-mapbox-gl - Mapbox GL 反應原生模塊
react-native-icons - React Native 中快速簡單的圖標
react-native-vector-icons - 3000 個可自定義的 React Native 圖標，支持 NavBar/TabBar
react-native-google-signin - React Native 的 Google 登錄
react-native-gifted-chat - React Native 最完整的聊天 UI
react-native-fast-image - FastImage，高性能 React Native 圖像組件
recyclerlistview - React Native 和 web 的高性能列表視圖！
react-native-largelist - React Native 最好的大列表組件
react-native-gesture-handler - 將平台原生觸摸和手勢系統暴露給 React Native 的聲明式 API
rn-placeholder - 在 React Native 中渲染文本或媒體內容之前顯示一些佔位符內容
React 原生庫
sentry-react-native - 為您的 Web 應用程序、移動應用程序和遊戲提供實時崩潰報告。
realm-js - Realm 是一個移動數據庫：SQLite 和鍵值存儲的替代品
react-native-device-info - React Native iOS 和 Android 的設備信息
react-native-react-bridge - 在 React Native 中運行 React Web 應用程序並處理它們之間的通信的工具集。
uncompress-react-native - 在 React Native 中解壓文件 .zip、.rar、.cbz、.cbr 的簡單庫。
JavaScript 應用程序的可預測狀態容器
Redux 通用資源
Redux 工具
react-redux - Redux 的官方 React 綁定
redux-toolkit - 官方的、固執己見的、包含電池的工具集，用於高效的 Redux 開發
redux-devtools - 適用於 Redux 的 DevTools，具有熱重載、動作回放和可定制的 UI
重新選擇 - Redux 的選擇器庫
redux-thunk - redux 的 Thunk 中間件
redux-saga - Redux 應用程序的替代副作用模型
connected-react-router - React Router 的 Redux 綁定
redux-form - 使用 react-redux 保持表單狀態的高階組件
normalizr - 根據模式規範嵌套 JSON
redux-observable - Redux 的 RxJS 中間件
redux-undo - 高階 reducer 為 redux 狀態容器添加撤消/重做功能
redux-persist - 對 redux 存儲進行持久化和再水化
重新匹配 - Redux 變得簡單
Redux 教程
API 的查詢語言
GraphQL 一般資源
GraphQL 工具
graphql-js - JavaScript 的 GraphQL 參考實現
express-graphql - 使用 Express 創建 GraphQL HTTP 服務器
Apollo - 行業標準的 GraphQL 實現
GraphQL 教程
GraphQL 實現
graphql-ruby - Ruby GraphQL 的實現
graphql-java - GraphQL Java 實現
sangria - Scala GraphQL 客戶端和服務器庫
graphql-php - GraphQL 參考實現的PHP 端口
石墨烯 - Python 的 GraphQL 框架
graphql-dotnet - .NET 的 GraphQL
graphql-go - Go 的 GraphQL
juniper - Rust 的 GraphQL 服務器庫
數據庫集成
Hasura - 所有數據的即時 GraphQL
Prisma - 下一代 ORM 用於 Node.js 和 TypeScript
graphql-sequelize - GraphQL & Relay for MySQL & Postgres via Sequelize
數據驅動的 React 應用程序
中繼通用資源
繼電器教程
【官方接力入門】(https://facebook.github.io/relay/docs/en/introduction-to-relay.html)
中繼工具
graphql-relay-js - 幫助構建支持 react-relay 的 graphql-js 服務器的庫
react-router-relay - React Router 的中繼集成
relay-local-schema - 在沒有 GraphQL 服務器的情況下使用 Relay
relay-codemod - 基於 jsodeshift 更新 Relay API 的 Codemod 腳本
重要會談
ReactEurope Conf 2015 第 1 天播放列表
ReactEurope Conf 2015 第 2 天播放列表
ReactEurope Conf 2016 第 1 天播放列表
ReactEurope Conf 2016 第 2 天播放列表
視頻教程
hackernews-react-graphql - 使用通用 JavaScript 重寫的黑客新聞克隆，使用 React 和 GraphQL
react-reduction - 使用 React 和 Bootstrap4 構建的免費管理模板
reactjs-tmdb-app - 響應式 React The Movie Database App
react-shopping-cart - 使用 React Redux 構建的簡單電子商務購物車應用程序
kibana - 您進入 Elastic Stack 的窗口
firefox 調試器 - 可在任何地方工作的 Firefox 調試器
spectrum - 簡單、強大的在線社區
mattermost - 開源 Slack 替代方案
反應過度 - Dan Abramov 的個人博客
winamp2-js - 為瀏覽器重新實現 Winamp 2
dnote - 具有多設備同步和網絡界面的命令行筆記本
＃＃＃ 貢獻
這個列表開始是作為關於 React 的有趣事物的個人集合。React 剛開始的時候還處於 beta 階段，有專門的腳本可以將 JSX 轉換為 JS，甚至 Flux 還沒有發布。React 現在是主流，發生了很多事情。請不要嘗試將此列表用作廣告板或公開推送您的實驗的地方。請在這裡只提供完全免費的資源。不要猶豫，為過時的項目和文章以及新的貢獻建議清理 PR。衷心歡迎您的貢獻和建議♡歡迎。(✿◠‿◠)
A collection of awesome things regarding the React ecosystem.
JavaScript Library for building User Interfaces
React General Resources
React Community
React Online Playgrounds
Another Awesome Lists
React Tutorials
React General Tutorials
React Hooks
React and TypeScript
React Performance
React Internals
React Interview Questions
React Tools
React Development Tools
react-devtools - Inspection of React component hierarchy in the Chrome and Firefox Developer Tools
react-hot-loader - Tweak React components in real time
react-loadable - A higher order component for loading components with promises
loadable-components - React code splitting made easy
reactotron - A desktop app for inspecting your React and React Native projects
storybook - UI component dev & test
docz - Zero Config, live-reloading documentation with Markdown + JSX
react-styleguidist - Isolated React component development environment with a living style guide
react-cosmos - Dev tool for creating reusable React components
eslint-plugin-react - React specific linting rules for ESLint
eslint-plugin-jsx-a11y - Static AST checker for a11y rules on JSX elements
@axe-core/react - Accessibility auditing for React applications
DataFormsJS JSX Loader - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page
Why Did You Render - Monkey patches React to notify you about avoidable re-renders.
Divjoy - React codebase and UI generator to speed up development (paid)
Plasmic - Powerful design tool for building your React components visually.
jsx-ast-utils - AST utility module for statically analyzing JSX
react-scanner - Extract React components and props usage from code
React Starter Kits and Toolchains
create-react-app - Set up a modern Web app by running one command
Razzle - Build production ready React applications. Razzle is toolchain for modern static and dynamic websites and web applications
Neutrino React Preset - @neutrinojs/react is a Neutrino preset that supports building React web applications
react-starter-kit - Isomorphic Web app boilerplate
create-react-library - CLI for creating reusable, modern React libraries using Rollup and create-react-app.
tsdx - Zero-config CLI for TypeScript package development
React Frameworks
next.js - The React Framework
gatsby.js - Free and open source framework based on React
react-admin - Frontend Framework for building B2B applications on top of REST/GraphQL APIs
remix - Finally, a killer React framework from the creators of React Router
Blitz - The Fullstack React Framework
aleph.js - The React Framework in Deno
refine - A React-based framework for building data-intensive applications in no time.
React Styling
styled-components - Visual primitives for the component age
emotion - Library designed for writing CSS styles with JavaScript
radium - A toolchain for React component styling
jss - Authoring tool for CSS
aphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
linaria - Zero-Runtime CSS in JS
stitches - CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
React Routing
react-location - Enterprise Client-Side Routing for React
react-router - Declarative routing for React
navi - Declarative, asynchronous routing for React
curi - JavaScript router for single-page applications
reach - Next Generation Routing for React
universal-router - A simple middleware-style router for isomorphic JavaScript web apps
wouter - A minimalist-friendly ~1.3KB routing library
React Component Libraries
material-ui - React components for faster and easier web development
blueprint - A React-based UI toolkit for the webs
Fluent UI - A set of React components for building Microsoft web experiences
react-bootstrap - Bootstrap components built with React
reactstrap - Simple React Bootstrap 4 components
ant-design - A design system with values of Nature and Determinacy
chakra-ui - Simple, Modular & Accessible UI Components for your React Applications
semantic-ui-react - The official Semantic-UI-React integration
evergreen - Evergreen React UI Framework by Segment
grommet - A react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
rebass - React primitive UI components built with styled-system
reakit - Accessible, Composable and Customizable components for React
rsuite - A suite of React components
atlaskit - Atlassian's official UI library, built according to the Atlassian Design Guidelines.
baseweb - Base Web is a foundation for initiating, evolving, and unifying web products.
primereact - A complete UI Framework for React with 50+ components featuring material, bootstrap and custom themes.
eui - Elastic UI Framework
react-spectrum - Adobe's collection of libraries and tools that help you build adaptive, accessible, and robust user experiences
ring-ui - JetBrains Web UI components
react-bulma-components - React components for Bulma framework
react-bulma - React.js components for Modern CSS framework based on Flexbox
trunx - Super Saiyan React components, son of awesome Bulma, implemented in TypeScript
bumbag-ui - Build accessible & themeable React applications with your Bumbag
Mantine – A fully featured React library with 100+ hooks and components with native dark theme support
radix - An open-source UI component library for building high-quality, accessible design systems and web apps
React Awesome Components
react-select - The Select Component for React
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
react-dnd - Drag and Drop for React
react-grid-layout - A draggable and resizable grid layout with responsive breakpoints
react-table - A lightweight, fast and extendable datagrid for React
react-data-grid - Excel-like grid component built with React
react-draggable - React draggable component
react-resizable-and-movable - A resizable and draggable component for React
react-resizable - A simple React component that is resizable with a handle
react-resizable-box - A resizable component for React
react-searchbox-awesome - Minimalistic searchbox
react-sortable-pane - A sortable and resizable pane component for React
react-spaces - Nestable resizable, anchored, scrollable components
react-dates - An easily internationalizable, mobile-friendly datepicker library for the web
react-big-calendar - Calendar component
react-datepicker - ReactJS Datepicker
react-list - A versatile infinite scroll React component
react-intl - Internationalize React apps
react-i18next - Internationalization for React done right
react-aria-modal - A fully accessible React modal
react-hotkeys - Declarative hotkey and focus area management for React
react-keydown - Lightweight keydown wrapper for React components
react-joyride - Create guided tours for your apps
react-virtualized - React components for efficiently rendering large lists and tabular data
react-window - React components for efficiently rendering large lists and tabular data
data-source - Library to power streaming data visualisations as used in Facebook's Flipper
react-text-mask - Input mask for React
react-loading-skeleton - Create skeleton screens that automatically adapt to your app
react-spinkit - A collection of loading indicators animated with CSS for React
rheostat - Accessible slider component built with React
qrcode.react - QR component for use with React
react-archer - Draw arrows between React elements
react-pdf-viewer - A PDF viewer made for React
react-parallax-tilt - Easily apply tilt hover effect on React components
react-popper - Position tooltips and popovers in an elegant, performant manner
react-tsparticles - Easily create highly customizable particles animations
react-spring - Spring-physics based animation library for React applications
framer-motion - A React library to power production-ready animations
react-accessible-accordion - React Component for creating an 'Accordion' that adheres to the WAI ARIA spec for accessibility.
react-truncate-markup - React component for truncating JSX markup.
react-cookie - Universal cookies for React
react-slick - Carousel component built with React
react-gtm-module - Google Tag Manager Module for React
react-device-detect - Detect device for React
react-colorful - A tiny (2,5 KB), dependency-free, fast and accessible color picker component
react-modal - Accessible modal dialog component for React
cleave.js - Format input text content when you are typing
react-fontawesome - Font Awesome 5 React component
react-advanced-cropper - An advanced React component for image cropping
swiper - modern mobile touch slider
React Testing
jest - Delightful JavaScript Testing Framework
enzyme - JavaScript Testing utilities for React
react-testing-library - Simple and complete React DOM testing utilities
react-hooks-testing-library - React hooks testing utilities that encourage good testing practices
majestic - Zero config GUI for Jest
React Libraries
react-border-wrapper - A wrapper for placing elements along div borders in React.
react-magic - Automatically AJAXify plain HTML with the power of React
react-toolbox - A set of React components implementing Google's Material Design specification
tcomb-react - Library allowing you to check all the props of your React components
react-responsive - Media queries in react for responsive design
preact - Fast 3kb React alternative with the same ES6 API.
riotjs - A React-like, 3.5KB user interface library
Maple.js - Bringing the concept of web-components to React
react-i13n - A performant, scalable and pluggable approach to instrumenting your React application
react-icons - svg react icons of popular icon packs
react-open-doodles - Awesome free illustrations as react components.
Keo - Plain functions for a more functional Deku approach to creating React components, with functional goodies such as pipe, memoize, etc...
Bit - A virtual repository for managing and using react and other web components across applications
AtlasKit - Atlassian's React UI library
ReactiveSearch - UI components library for Elasticsearch
Slate - A completely customizable framework for building rich text editors.
react-json-schema - Construct React elements from JSON by mapping JSON definitions to React components that you expose.
react-lodash - Lodash as React components
react-helmet - A document head manager for React
react-snap - Zero-configuration framework-agnostic static prerendering for SPAs
Draft.js - A React framework for building text editors
refract - Harness the power of reactive programming to supercharge your components
react-desktop - OS X and Windows UI components built with React
reapop - A simple and customizable React notifications system
react-extras - Useful components and utilities for working with React
react-instantsearch - Lightning-fast search for React and React Native applications, by Algolia
uppy - The next open source file uploader for web browsers
react-motion - A spring that solves your animation problems
react-esi - React Edge Side Includes
react-aria - Adobe's library of React Hooks that provides accessible UI primitives for your design system
react-uploady - Modern file-upload components & hooks for React.
React Integration
om - ClojureScript interface
Reagent - A minimalistic ClojureScript interface to React.js
ngReact - React Components in Angular
coffee-react-transform - Provides React JSX support for Coffeescript
sprockets-coffee-react - Sprockets preprocessor for CJSX
react-kup - A simple, non-intrusive alternative to jsx for coffeescript
turbo-react - Combine Turbolinks and React to apply DOM diffs
react-bacon - A little module for using React with Bacon.js
msx - React's JSX Transformer, tweaked to output calls to Mithril
react-backbone - Backbone-aware mixins for react
NestedReact - transparent integration with Backbone Views and NestedTypes models
backbone-reaction - React, Backbone and then some
react.backbone - Plugin for React to make Backbone migration easier
reactbone - React extensions for Backbone
backbone-react-ui - React components for use with backbone and backbone paginator
react-events - Declarative managed event bindings for react components
react-mixin-manager - React mixin registration manager
react-topcoat by @plaxdan - Topcoat CSS components built with the React library
react-topcoat by @arnemart - A collection of React components for Topcoat
reactdown - Write React components using markdown syntax
react-jade - Compile Jade to React JavaScript
jade-react - Compile Jade templates to React.DOM expressions
gulp-jade-react - Compile Jade templates into React de-sugared JSX with Gulp
sbt-reactjs - React SBT Plugin using npm
scalajs-react - A guilty affair between Scala.js and Facebook's React
react-xtags - Using React to implement xtags
jreact - React on server-side Java (with Rhino or Nashorn)
React.hiccup - A complete replacement for JSX written in sweet.js
react-play - Rendering React components in the Play Framework with JDK8's Nashorn
rx-react - Utilities to works with React in a RxJS
react-with-di - A hacked prototype of React.js with DI
reactfire - ReactJS mixin for easy Firebase integration
react-clickdrag-mixin - ClickDrag mixin for React component
react-masonry-mixin - Standalone mixin for Masonry (@desandro)
react-packery-mixin - Standalone mixin for Packery (Metafizzy)
react-dropzone - Simple HTML5 drag-drop zone with React.js.
aframe-react - A-Frame VR + React
react-three-fiber - A react reconciler for threejs (web and react-native)
react-three - React bindings to create and control a 3D scene using three.js
react-three-renderer - Render into a three.js canvas using React
react-threejs - Simplest bindings between React & Three.js
react-masonry-css - Fast Masonry layout powered by CSS, dependency free
react-captcha - A react.js reCAPTCHA for Google
reaptcha - Clean, modern and simple React wrapper for Google reCAPTCHA
react-recaptcha-that-works - A reCAPTCHA bridge for React that works
React State Management
redux - Predictable State Container for JavaScript Apps
mobx - Simple, scalable state management
react-query - Hooks for fetching, caching and updating asynchronous data in React
flux - Application architecture for building user interfaces
recoil - Experimental state management library for React apps
xstate-react - State machines and statecharts for the modern web
zustand - Bear necessities for state management in React
easy-peasy - Vegetarian friendly state for React
hookstate - The simple but very powerful and incredibly fast state management for React that is based on hooks
effector - Fast and powerful reactive state manager
reactn - React, but with built-in global state management
react-facet - Observable-based state management for performant game UIs built in React
React AR and VR
Viro React - Platform for rapidly building AR/VR applications using React Native
React Renderers
react-three-fiber - A React renderer for Three.js
react-pdf - Create PDF files using React
ink - React for interactive command-line apps
react-blessed - A React renderer for blessed terminal interface library
react-sketchapp - Render React components to Sketch
react-figma - A React renderer for Figma
react-nil - A react null renderer
remotion - Create videos programmatically in React
Forms
formik - Build forms in React, without the tears
react-hook-form - React Hooks for forms validation
react-jsonschema-form - A React component for building Web forms from JSON Schema
react-final-form - High performance subscription-based form state management for React
unform - Performance-focused API for React forms
formily - Alibaba Group Unified Form Solution
uniforms - A React library for building forms from any schema
formsy-react - A form input builder and validator for React
react-formal - Sophisticated HTML form management for React
vest - Declarative form validation framework inspired by unit testing syntax.
Autocomplete
react-autocomplete by @rackt - WAI-ARIA compliant React autocomplete (Archived, read-only)
react-autosuggest by @moroshko - WAI-ARIA compliant React autosuggest component
react-autocomplete by @eliseumds - Just tasting some ReactJS + RxJS
react-autocomplete by @prometheusresearch - Autocomplete widget based on React
instatype by @gragland - Simple react autocomplete component
downshift - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components
React Bootstrap Typeahead - A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js.
Graphics
react-art - React Bridge to the ART Drawing Library
react-canvas - High performance <canvas> rendering for React components
react-famous - Complex 3D animations UI at 60 FPS with Famo.us
react-kinetic - HTML5 Canvas via KineticJS using React
react-svg-morph - morph your svg components one into another
react-hooks-svgdrawing - SVG Drawing with React hooks
react-svg-pan-zoom - A React component that adds pan and zoom features to SVG.
Data Managing
immer - Create the next immutable state by mutating the current one
ReSub - A library for writing better React components and data stores
immutable-js - Immutable Data Collections for Javascript
baobab - JavaScript & TypeScript persistent and optionally immutable data tree with cursors
WatermelonDB - 🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️
RxDB - A realtime Database for JavaScript Applications
Maps
react-googlemaps - React interface to Google maps
react-maps - A map component for React
react-google-maps - React.js Google Maps integration component
react-gmaps - A Google Maps component for React.js
react-map-gl - A React wrapper for MapboxGL-js plus overlay API
google-map-react - Isomorphic google map React component
react-mapbox-gl - A mapbox-gl-js wrapper to make the API react friendly
google-maps-react - A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a test-driven approach by the Fullstack React team.
react-leaflet - React components for Leaflet maps
react-geo - A set of geo-related components using react, antd, and ol
pigeon-maps - ReactJS maps without external dependencies
Charts
vx - Visualization components
victory - A collection of composable React components for building interactive data visualizations
react-vis - Data Visualization Components
recharts - Redefined chart library built with React and D3
nivo - Provides a rich set of data visualization components, built on top of the D3 and React libraries
echarts-for-react - Apache ECharts components for React wrapper
react-apexcharts - React Component for ApexCharts
chartify - React plugin for building charts using CSS
Framework for building native apps using React
React Native General Resources
React Native Tutorials
React Native Development Tools
react-native-code-push - React Native module for CodePush
React Native Sample Apps
React Native Boilerplates
Create React Native App - Create React Native apps that run on iOS, Android, and web
Ignite - The hottest CLI for React Native, boilerplates, plugins, generators, and more!
React Native Awesome Components
Expo - The Expo platform for making cross-platform mobile apps
react-navigation - Routing and navigation for your React Native apps
react-native-social-share - Use the iOS and Android native Twitter and Facebook share popup with React Native
react-native-fbsdk - A wrapper around the iOS Facebook SDK
react-native-side-menu - Simple customizable component to create side menu
react-native-mapbox-gl - A Mapbox GL react native module
react-native-icons - Quick and easy icons in React Native
react-native-vector-icons - 3000 Customizable Icons for React Native with support for NavBar/TabBar
react-native-google-signin - Google Signin for React Native
react-native-gifted-chat - The most complete chat UI for React Native
react-native-fast-image - FastImage, performant React Native image component
recyclerlistview - High performance listview for React Native and web!
react-native-largelist - The best large list component for React Native
react-native-gesture-handler - Declarative API exposing platform native touch and gesture system to React Native
rn-placeholder - Display some placeholder stuff before rendering your text or media content in React Native
React Native Libraries
sentry-react-native - Real-time crash reporting for your web apps, mobile apps, and games.
realm-js - Realm is a mobile database: an alternative to SQLite & key-value stores
react-native-device-info - Device Information for React Native iOS and Android
react-native-react-bridge - A toolset to run React web app in React Native and handle communication between them.
uncompress-react-native - Simple library to decompress files .zip, .rar, .cbz, .cbr in React Native.
Predictable State Container for JavaScript Apps
Redux General Resources
Redux Tools
react-redux - Official React bindings for Redux
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI
reselect - Selector library for Redux
redux-thunk - Thunk middleware for redux
redux-saga - An alternative side effect model for Redux apps
connected-react-router - A Redux binding for React Router
redux-form - A Higher Order Component using react-redux to keep form state
normalizr - Normalizes nested JSON according to a schema
redux-observable - RxJS middleware for Redux
redux-undo - Higher order reducer to add undo/redo functionality to redux state containers
redux-persist - Persist and rehydrate a redux store
Rematch - Redux made easy
Redux Tutorials
A query language for your API
GraphQL General Resources
GraphQL Tools
graphql-js - A reference implementation of GraphQL for JavaScript
express-graphql - Create a GraphQL HTTP server with Express
Apollo - Industry-standard GraphQL implementation
GraphQL Tutorials
GraphQL Implementations
graphql-ruby - Ruby implementation of GraphQL
graphql-java - GraphQL Java implementation
sangria - Scala GraphQL client and server library
graphql-php - A PHP port of GraphQL reference implementation
graphene - GraphQL framework for Python
graphql-dotnet - GraphQL for .NET
graphql-go - GraphQL for Go
juniper - GraphQL server library for Rust
Database Integration
Hasura - Instant GraphQL for all your data
Prisma - Next-generation ORM for Node.js and TypeScript
graphql-sequelize - GraphQL & Relay for MySQL & Postgres via Sequelize
Data-Driven React Applications
Relay General Resources
Relay Tutorials
Relay Tools
graphql-relay-js - A library to help construct a graphql-js server supporting react-relay
react-router-relay - Relay integration for React Router
relay-local-schema - Use Relay without a GraphQL server
relay-codemod - Codemod scripts based for on jsodeshift to update Relay APIs
Important Talks
ReactEurope Conf 2015 Day 1 Playlist
ReactEurope Conf 2015 Day 2 Playlist
ReactEurope Conf 2016 Day 1 Playlist
ReactEurope Conf 2016 Day 2 Playlist
React.js Amsterdam 2018 Playlist
Video Tutorials
hackernews-react-graphql - Hacker News clone rewritten with universal JavaScript, using React and GraphQL
react-reduction - Free Admin Template Built with React and Bootstrap4
reactjs-tmdb-app - Responsive React The Movie Database App
react-shopping-cart - Simple ecommerce cart application built with React Redux
kibana - Your window into the Elastic Stack
firefox debugger - The Firefox debugger that works anywhere
spectrum – Simple, powerful online communities
mattermost - Open source Slack alternative
overreacted - Personal blog by Dan Abramov
winamp2-js - Winamp 2 reimplemented for the browser
dnote - A command line notebook with multi-device sync and web interface
This list started as personal collection of interesting things about React. At the time it started React was in beta, there was special script to transform JSX to JS and even Flux was not yet published. React is mainstream now, lots of things happened. Please, do not try to use this list as advertisement board or place for public push of your experiments. Only fully free resources here, please. Do not hesitate to suggest cleaning PRs for outdated projects and articles along with new contributions. Your contributions and suggestions are heartily♡ welcome, though. (✿◠‿◠)
