awesome-react

PreviousAwesome Minio NextREADME-en

Last updated 2 years ago

Awesome React

關於 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 開發工具

- 在 Chrome 和 Firefox 開發者工具中檢查 React 組件層次結構
- 實時調整 React 組件
- 用於加載帶有 Promise 的組件的高階組件
- React 代碼拆分變得容易
- 用於檢查 React 和 React Native 項目的桌面應用程序
- UI 組件開發和測試
- 零配置，使用 Markdown + JSX 實時重新加載文檔
- 獨立的React組件開發環境，帶有生活方式指南
- 用於創建可重用 React 組件的開發工具
- 為 ESLint 反應特定的 linting 規則
- JSX 元素上 a11y 規則的靜態 AST 檢查器
- React 應用程序的可訪問性審計
- 用於在網頁上直接將 JSX 快速轉換為 JS 的小型 JavaScript 編譯器
- 猴子補丁 React 通知你可避免的重新渲染。
- React 代碼庫和 UI 生成器以加快開發速度（付費）
- 用於可視化構建 React 組件的強大設計工具。
- 用於靜態分析 JSX 的 AST 實用程序模塊
- 從代碼中提取 React 組件和 props 使用

React 入門套件和工具鏈

- 通過運行一個命令設置現代 Web 應用程序
- 構建生產就緒的 React 應用程序。Razzle 是現代靜態和動態網站和 Web 應用程序的工具鏈
- @neutrinojs/react 是一個支持構建 React Web 應用程序的 Neutrino 預設
- 同構 Web 應用程序樣板
- 使用 Rollup 和 create-react-app 創建可重用的現代 React 庫的 CLI。
- 用於 TypeScript 包開發的零配置 CLI

反應框架

- React 框架
- 基於 React 的免費開源框架
- 用於在 REST/GraphQL API 之上構建 B2B 應用程序的前端框架
- 最後，來自 React Router 創建者的殺手級 React 框架
- 全棧 React 框架
- Deno 中的 React 框架
- 一個基於 React 的框架，用於立即構建數據密集型應用程序。

反應樣式

- 組件時代的視覺原語
- 專為使用 JavaScript 編寫 CSS 樣式而設計的庫
- React 組件樣式的工具鏈
- CSS 創作工具
- 與框架無關的 CSS-in-JS，支持服務器端渲染、瀏覽器前綴和最小 CSS 生成
- JS 中的零運行時 CSS
- CSS-in-JS 具有接近於零的運行時、SSR、多變量支持和一流的開發人員體驗
- 零運行時 Stylesheets-in-TypeScript

反應路由

- React 的企業客戶端路由
- React 的聲明式路由
- React 的聲明式異步路由
- 用於單頁應用程序的 JavaScript 路由器
- React 的下一代路由
- 用於同構 JavaScript Web 應用程序的簡單中間件式路由器
- 一個極簡友好的~1.3KB 路由庫

React 組件庫

- React 組件用於更快、更輕鬆的 Web 開發
- 一個基於 React 的網絡 UI 工具包
- 一組用於構建 Microsoft Web 體驗的 React 組件
- 使用 React 構建的引導組件
- 簡單的 React Bootstrap 4 組件
- 一個具有自然和確定性價值觀的設計系統
- 適用於您的 React 應用程序的簡單、模塊化和可訪問的 UI 組件
- 官方 Semantic-UI-React 集成
- Evergreen React UI Framework by Segment
- 一個基於 react 的框架，在一個整潔的包中提供可訪問性、模塊化、響應性和主題
- React 使用 styled-system 構建的原始 UI 組件
- React 的可訪問、可組合和可定制的組件
- 一套 React 組件
- Atlassian 的官方 UI 庫，根據 Atlassian 設計指南構建。
- Base Web 是啟動、發展和統一網絡產品的基礎。
- 一個完整的 React UI 框架，包含 50 多個組件，包括材料、引導程序和自定義主題。
- 彈性 UI 框架
- Adobe 的庫和工具集合，可幫助您構建自適應、可訪問和強大的用戶體驗
- JetBrains Web UI 組件
- Bulma 框架的 React 組件
- 基於 Flexbox 的現代 CSS 框架的 React.js 組件
- Super Saiyan React 組件，Bulma 之子，用 TypeScript 實現
- 使用您的 Bumbag 構建可訪問且可主題化的 React 應用程序
– 一個功能齊全的 React 庫，包含 100 多個鉤子和組件，支持原生深色主題
- 一個開源 UI 組件庫，用於構建高質量、可訪問的設計系統和 Web 應用程序

React 很棒的組件

- React 的選擇組件
- 漂亮且易於使用的 React 列表拖放
- React 的拖放
- 具有響應斷點的可拖動和可調整大小的網格佈局
- 用於 React 的輕量級、快速且可擴展的數據網格
- 使用 React 構建的類似 Excel 的網格組件
- React 可拖動組件
- React 的可調整大小和可拖動組件
- 一個簡單的 React 組件，可通過句柄調整大小
- React 的可調整大小組件
- 簡約的搜索框
- React 的可排序和可調整大小的窗格組件
- 可調整大小、錨定、可滾動的嵌套組件
- 一個易於國際化、移動友好的網絡日期選擇器庫
- 日曆組件
- ReactJS Datepicker
- 一個多功能的無限滾動 React 組件
- 國際化 React 應用程序
- 正確完成 React 的國際化
- 一個完全可訪問的 React modal
- React 的聲明式熱鍵和焦點區域管理
- React 組件的輕量級 keydown 包裝器
- 為您的應用創建導覽
- 用於高效渲染大型列表和表格數據的 React 組件
- 用於高效渲染大型列表和表格數據的 React 組件
- 為 Facebook 的 Flipper 中使用的流數據可視化提供動力的庫
- React 的輸入掩碼
- 創建自動適應您的應用程序的骨架屏幕
- 使用 CSS 為 React 設置動畫的加載指示器集合
- 使用 React 構建的可訪問滑塊組件
- 用於 React 的 QR 組件
- 在 React 元素之間繪製箭頭
- 為 React 製作的 PDF 查看器
- 在 React 組件上輕鬆應用傾斜懸停效果
- 以優雅、高效的方式定位工具提示和彈出框
- 輕鬆創建高度可定制的粒子動畫
- 基於 Spring-physics 的 React 應用程序動畫庫
- 一個 React 庫，用於為生產就緒的動畫提供動力
- 用於創建符合 WAI ARIA 可訪問性規範的“手風琴”的 React 組件。
- 用於截斷 JSX 標記的 React 組件。
- React 的通用 cookie
- 使用 React 構建的輪播組件
- React 的谷歌標籤管理器模塊
- 為 React 檢測設備
- 一個小巧 (2,5 KB)、無依賴、快速且可訪問的顏色選擇器組件
- React 的可訪問模式對話框組件
- 鍵入時格式化輸入文本內容
- Font Awesome 5 React 組件
- 用於圖像裁剪的高級 React 組件
- 現代移動觸摸滑塊

反應測試

- 令人愉快的 JavaScript 測試框架
- React 的 JavaScript 測試工具
- 簡單而完整的 React DOM 測試工具
- 鼓勵良好測試實踐的 React hooks 測試實用程序
- Jest 的零配置 GUI

反應庫

- 在 React 中沿 div 邊界放置元素的包裝器。
- 使用 React 的強大功能自動 AJAXify 純 HTML
- 一組實現 Google 的 Material Design 規範的 React 組件
- 允許您檢查 React 組件的所有道具的庫
- 響應式設計中的媒體查詢
- 具有相同 ES6 API 的快速 3kb React 替代方案。
- 一個類似 React 的 3.5KB 用戶界面庫
- 將 Web 組件的概念引入 React
- 一種高性能、可擴展和可插拔的方法來檢測你的 React 應用程序
- 流行圖標包的 svg react 圖標
- 很棒的免費插圖作為反應組件。
- 用於創建 React 組件的功能更強大的 Deku 方法的普通函數，具有管道、記憶等功能的好東西...
- 一個虛擬存儲庫，用於跨應用程序管理和使用 React 和其他 Web 組件
- Atlassian 的 React UI 庫
- Elasticsearch 的 UI 組件庫
- 一個完全可定制的框架，用於構建富文本編輯器。
- 通過將 JSON 定義映射到您公開的 React 組件，從 JSON 構造 React 元素。
- Lodash 作為 React 組件
- React 的文檔主管管理器
- SPA 的零配置框架無關靜態預渲染
- 用於構建文本編輯器的 React 框架
- 利用反應式編程的力量來增強你的組件
- 使用 React 構建的 OS X 和 Windows UI 組件
- 一個簡單且可定制的 React 通知系統
- 使用 React 的有用組件和實用程序
- 快速搜索 React 和 React Native 應用程序，由 Algolia
- 下一個用於網絡瀏覽器的開源文件上傳器
- 一個解決你動畫問題的彈簧
- React Edge Side Includes
- Adobe 的 React Hooks 庫，為您的設計系統提供可訪問的 UI 原語
- React 的現代文件上傳組件和鉤子。

反應集成

- ClojureScript 接口
- React.js 的簡約 ClojureScript 接口
- Angular 中的 React 組件
- 為 Coffeescript 提供 React JSX 支持
- CJSX 的 Sprockets 預處理器
- 一個簡單、非侵入式的 jsx 替代方案，用於咖啡腳本
- 結合 Turbolinks 和 React 以應用 DOM 差異
- 一個使用 React 和 Bacon.js 的小模塊
- React 的 JSX 轉換器，經過調整以輸出對 Mithril 的調用
- 用於反應的 Backbone-aware mixins
- 與 Backbone 視圖和 NestedTypes 模型的透明集成
- React、Backbone 和一些
- React 插件使 Backbone 遷移更容易
- Backbone 的 React 擴展
- 用於骨幹網和骨幹網分頁器的 React 組件
- React 組件的聲明式託管事件綁定
- React mixin 註冊管理器
- 使用 React 庫構建的 Topcoat CSS 組件
- Topcoat 的 React 組件集合
- 使用 Markdown 語法編寫 React 組件
- 編譯 Jade 以響應 JavaScript
- 將 Jade 模板編譯為 React.DOM 表達式
- 使用 Gulp 將 Jade 模板編譯成 React 去糖 JSX
- 使用 npm 反應 SBT 插件
- Scala.js 和 Facebook 的 React 之間的內疚
- 使用 React 實現 xtags
- 在服務器端 Java 上反應（使用 Rhino 或 Nashorn）
- 完全替代用 sweet.js 編寫的 JSX
- 在 Play Framework 中使用 JDK8 的 Nashorn 渲染 React 組件
- 在 RxJS 中使用 React 的實用程序
- 帶有 DI 的 React.js 的黑客原型
- ReactJS mixin 用於輕鬆集成 Firebase
- React 組件的 ClickDrag 混合
- Masonry 的獨立 mixin (@desandro)
- Packery 的獨立 mixin (Metafizzy)
- 帶有 React.js 的簡單 HTML5 拖放區。
- A-Frame VR + React
-threejs (web 和 react-native) 的 react 協調器
- React 綁定以使用 three.js 創建和控制 3D 場景
- 使用 React 渲染成 three.js 畫布
- React 和 Three.js 之間最簡單的綁定
- 由 CSS 提供支持的快速砌體佈局，無依賴
- 谷歌的 react.js reCAPTCHA
- Google reCAPTCHA 的干淨、現代和簡單的 React 包裝器
- 適用於 React 的 reCAPTCHA 橋

反應狀態管理

- JavaScript 應用程序的可預測狀態容器

反應 AR 和 VR

反應渲染器

＃＃＃＃＃形式

自動完成

圖形

[react- Famous](https://github.com/pilwon/react- Famous) - 使用 Famo.us 以 60 FPS 的複雜 3D 動畫 UI

數據管理

地圖

圖表

反應原生

使用 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 示例應用程序

反應原生樣板

React Native Awesome 組件

React 原生庫

還原

JavaScript 應用程序的可預測狀態容器

Redux 通用資源

Redux 工具

Redux 教程

GraphQL

API 的查詢語言

GraphQL 一般資源

GraphQL 工具

GraphQL 教程

GraphQL 實現

數據庫集成

繼電器

數據驅動的 React 應用程序

中繼通用資源

繼電器教程

【官方接力入門】(https://facebook.github.io/relay/docs/en/introduction-to-relay.html)

中繼工具

視頻

重要會談

視頻教程

演示 React 應用程序

真正的 React 應用程序

＃＃＃貢獻

這個列表開始是作為關於 React 的有趣事物的個人集合。React 剛開始的時候還處於 beta 階段，有專門的腳本可以將 JSX 轉換為 JS，甚至 Flux 還沒有發布。React 現在是主流，發生了很多事情。請不要嘗試將此列表用作廣告板或公開推送您的實驗的地方。請在這裡只提供完全免費的資源。不要猶豫，為過時的項目和文章以及新的貢獻建議清理 PR。衷心歡迎您的貢獻和建議♡歡迎。(✿◠‿◠)