整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          GitHub 上值得推薦的100個精選前端項目「干貨

          GitHub 上值得推薦的100個精選前端項目「干貨」


          者:大俠學前端

          轉發鏈接:https://mp.weixin.qq.com/s/mb6azUR_valqAtUJaJ5TGQ

          年多時間, 陸陸續續整理了一些常用且實用的開源項目, 方便大家更高效地學習和工作。

          js相關庫

          js 常用工具類

          1. 「lodash」 一個一致性、模塊化、高性能的 JavaScript 實用工具庫。
          2. 「xijs」 一款面向復雜業務場景的 javascript 工具庫
          3. 「ramda」 一個很重要的庫,提供了許多有用的方法,每個 JavaScript 程序員都應該掌握這個工具
          4. 「day.js」 一個輕量的處理時間和日期的 JavaScript 庫,和 Moment.js 的 API 設計保持完全一樣, 體積只有 2kb
          5. 「big.js」 一個小型,快速的 JavaScript 庫,用于任意精度的十進制算術運算
          6. 「qs」 一個 url 參數轉化 (parse 和 stringify)的輕量級 js 庫
          7. 「decimal.js」 實現 JavaScript 的任意精度的十進制類型庫

          表單校驗

          1. 「Validator.js」 一個強大的 js 表單校驗庫
          2. 「Validate.js」 致力于提供一種驗證數據的跨框架和跨語言方式的 js 庫, 已通過 100%代碼覆蓋率的單元測試

          dom 庫

          1. 「JQuery」 封裝了各種 dom/事件操作, 設計思想值得研究借鑒
          2. 「zepto」 jquery 的輕量級版本, 適合移動端操作
          3. 「fastclick」 一個簡單易用的庫,它消除了移動端瀏覽器上的物理點擊和觸發一個 click 事件之間的 300ms 的延遲。目的就是在不干擾你目前的邏輯的同時,讓你的應用感覺不到延遲,反應更加靈敏。

          文件處理

          1. 「file-saver」 一個在客戶端保存文件的解決方案,非常適合在客戶端上生成文件的 Web 應用程序
          2. 「js-xlsx」 一個強大的解析和編寫 excel 文件的庫

          網絡請求

          1. 「Axios」 一個基于 Promise 的 HTTP 庫,可用在 Node.js 和瀏覽器上發起 HTTP 請求,支持所有現代瀏覽器,甚至包括 IE8+
          2. 「Superagent」 基于 Ajax 的優化, 可以與 Node.js HTTP 客戶端搭配使用
          3. 「fly.js」 一個基于 promise 的 http 請求庫, 可以用在 node.js, Weex, 微信小程序, 瀏覽器, React Native 中

          動畫庫

          1. 「Anime.js」 一個 JavaScript 動畫庫,可以處理 CSS 屬性,單個 CSS 轉換,SVG 或任何 DOM 屬性以及 JavaScript 對象
          2. 「Velocity」 一個高效的 Javascript 動畫引擎,與 jQuery 的 $.animate() 有相同的 API, 同時還支持彩色動畫、轉換、循環、畫架、SVG 支持和滾動等效果
          3. 「Vivus」 一個零依賴的 JavaScript 動畫庫,可以讓我們用 SVG 制作動畫,使其具有被繪制的外觀
          4. 「GreenSock JS」 一個 JavaScript 動畫庫,用于創建高性能、零依賴、跨瀏覽器動畫,已在超過 400 萬個網站上使用, 并且可以在 React、Vue、Angular 項目中使用
          5. 「Scroll Reveal」 零依賴,為 web 和移動瀏覽器提供了簡單的滾動動畫,以動畫的方式顯示滾動中的內容
          6. 「Kute.js」 一個強大高性能且可擴展的原生 JavaScript 動畫引擎,具有跨瀏覽器動畫的基本功能
          7. 「Typed.js」 一個輕松實現打字效果的 js 插件
          8. 「fullPage.js」 一個可輕易創建全屏滾動網站的 js 滾動動畫庫, 兼容性無可替代
          9. 「iscroll」 移動端使用的一款輕量級滾動插件
          10. 「swiper.js」 一款強大的 js 跨端觸摸滑動插件
          11. 「MixItUp」 是用于 DOM 操作的高性能,無依賴庫,使您能夠使用精美的動畫過濾,排序,添加和刪除 DOM 元素的 js 動畫庫
          12. 「Lottie」 一個用于 Android,iOS,Web 和 Windows 的庫,用于解析使用 Bodymovin 導出為 json 的 Adobe After Effects 動畫,并在移動設備和網絡上呈現它們

          鼠標/鍵盤相關

          1. 「KeyboardJS」 一個在瀏覽器中使用的庫(與 node.js 兼容).它使開發人員可以輕松設置鍵綁定和使用組合鍵來設置復雜的綁定.
          2. 「SortableJS」 功能強大的 JavaScript 拖拽庫

          圖形/圖像處理庫

          1. 「html2canvas」 一個強大的使用 js 開發的瀏覽器網頁截圖工具
          2. 「dom-to-image」 一個可以將任意 DOM 節點轉換為用 JavaScript 編寫的矢量(SVG)或光柵(PNG 或 JPEG)圖像的庫
          3. 「pica」 一個在瀏覽器中調整圖像大小,而不會出現像素失真,處理速度非??斓膱D片處理庫
          4. 「Lena.js」 一個輕量級的可以給你圖像加各種濾鏡的 js 庫
          5. 「Compressor.js」 一個使用本地 canvas.toBlob API 進行圖像有損壓縮的 js 庫
          6. 「Fabric.js」 一個易于使用的基于 HTML5 canvas 元素的圖片編輯器
          7. 「merge-images」 一個將多張圖片合并成一張圖的 js 插件
          8. 「cropperjs」 一款強大的圖片裁切庫, 支持靈活的圖片裁切方式
          9. 「Grade」 一個基于圖像中的前 2 種主要顏色生成互補漸變背景的庫

          表單表格

          1. 「x-spreadsheet」 一個基于 web 的簡單易用的表格插件

          Css 相關庫

          1. hover.css 開箱即用的鼠標懸停動畫
          2. animate.css 一個跨瀏覽器的簡單便捷的 CSS 動畫庫
          3. Magic 集成各種特殊動效的 css 動畫庫
          4. kite 一個兼容性極好且靈活的布局 css 庫
          5. csshake 一個能夠震動和晃動DOM元素的 CSSku 庫
          6. hint.css 一個用純 css 和 html 實現的提示庫

          React相關庫

          UI 庫

          1. Ant design 用于研發企業級中后臺產品的 UI 組件庫
          2. Ant design mobile 基于 Ant Design 設計體系的 React UI 移動端組件庫
          3. MaterialUI 世界最受歡迎的基于質感設計的 React UI 庫
          4. toolbox 一套使用 CSS 模塊功能實現 Google 的 Material Design 規范的 React 組件
          5. Fabric UI 微軟開源的 UX 框架的集合,用于創建共享代碼,設計和交互行為的精美的跨平臺應用程序
          6. React desktop 基于 React 的 JavaScript 庫,旨在將本機桌面體驗帶入網絡,其中包含許多 macOS Sierra 和 Windows 10 組件。react-desktop 與 NW.js 和 Electron.js 完美結合,但是可以在任何 JavaScript 驅動的項目中使用
          7. Zent 有贊 PC 端 WebUI 規范的 React 實現,提供了一整套基礎的 UI 組件以及一些常用的業務組件
          8. react-icons 基于 React 封裝的豐富的圖標庫

          狀態管理

          1. Redux JavaScript 狀態容器,提供可預測化的狀態管理
          2. Redux Thunk Redux 的異步處理中間件
          3. MobX 通過函數響應式編程使得狀態管理變得簡單和可擴展
          4. Dva 一個基于 redux 和 redux-saga 的數據流方案

          工具類

          1. React Virtualized 一個能渲染大型列表和表格的 React 解決方案
          2. react-file-viewer React 在線 PDF 預覽插件
          3. react-copy-to-clipboard 基于 React 的復制到剪切板組件
          4. qrcode.react 基于 React 的生成二維碼的組件
          5. nprogress 適用于 YouTube,Medium 等的頂部進度條組件
          6. react-syntax-highlighter 基于 React 的代碼高亮組件
          7. react-contextmenu 右鍵菜單組件
          8. emoji-mart 基于 React 的表情庫
          9. react-highlight-words 基于 React 的關鍵字高亮
          10. WaterMark 水印組件

          數據可視化

          1. AntV 包含 G2、G6、F2、L7 以及一套完整的圖表使用和設計規范, 提供強大的數據可視化需求
          2. G2Plot 基于 G2 封裝的開箱即用的可視化組件庫
          3. recharts 使用 React 和 D3 構建的自定義的圖表庫
          4. Viser 支持多種主流框架的可視化庫

          拖拽/排序

          1. react-beautiful-dnd 漂亮,可移植性 列表拖拽庫
          2. react-dnd 可幫助我們構建復雜的拖放界面,同時保持組件的分離
          3. react-moveable 支持自由拖拽, 縮放, 參考線的靈活強大的拖拽庫
          4. react-grid-layout 強大的網格拖拽排序縮放庫
          5. mixitup 強大且高性能的列表卡片排序動畫庫

          動畫/動效果

          1. Halogen 使用 React 的加載動畫集合
          2. react-loading 一款基于 react 的輕量級加載動畫庫, 支持按需導入, 開箱即用
          3. react-move 漂亮的,數據驅動的 React 動畫庫
          4. react-spring 一個基于彈簧物理學的動畫庫
          5. react-text-loop-next 文字輪播動畫

          圖像處理

          1. react-image-crop 強大的圖片裁切庫
          2. react-sparklines 基于數據自動生成趨勢線
          3. dom-to-image 基于 dom 生成圖片的 canvas 庫
          4. react-img-editor 支持截圖編輯的圖片庫

          編輯器相關

          1. braft-editor 富文本編輯器
          2. powerNice 文檔編輯器
          3. mitu 圖片編輯器
          4. h5-dooring H5 頁面編輯器
          5. GGEditor 可視化圖編輯器
          6. react-codemirror2 代碼編輯器
          7. jsoneditor json 編輯器

          地圖相關

          1. google-map-react 谷歌地圖插件
          2. react-amap 高德地圖插件
          3. react-baidu-map 百度地圖

          優秀國產項目集合

          可視化編輯器

          1. h5-dooring
          2. dooringx
          3. v6.dooring
          4. mitu
          5. watermark-pro

          vue 后臺模版

          1. vue3.0-template-admin
          2. vue-admin-box
          3. ant-simple-pro

          文檔工具

          • html2md

          H5 活動插件

          • lucky-canvas

          視頻播放器

          • JoL-player

          好啦, 今天的分享就到這里啦, 如果你有好用的庫推薦, 歡迎在評論區反饋~ 后續會在 趣談前端 中持續總結復盤, 讓技術工作更高效。

          本文轉載自微信公眾號「趣談前端」

          于React生態系統的一系列令人敬畏的事情。

          React

          • React一般資源
          • React社區
          • React在線游樂場
          • React教程
          • React通用教程
          • React鉤子
          • React和TypeScript
          • React性能
          • React內部
          • React面試問題
          • React工具
          • React開發工具
          • React框架
          • React造型
          • React路由
          • React組件庫
          • React真棒組件
          • 對命令行做出React
          • React測試
          • React庫
          • React整合
          • 形式
          • 自動完成
          • 圖像
          • 模型庫
          • 數據管理
          • 地圖
          • 圖表
          • React原生
          • React本機常規資源
          • React原生社區
          • React原生教程
          • React原生開發工具
          • React原生樣本應用程序
          • React Native Boilerplates
          • React Native Awesome Components
          • ReactAR / VR
          • ReasonReact
          • Flux
          • Flux一般資源
          • Flux實現
          • Flux教程
          • Redux
          • Redux通用資源
          • Redux工具
          • Redux教程
          • MobX
          • MobX通用資源
          • MobX工具
          • MobX教程
          • GraphQL
          • GraphQL規范
          • GraphQL工具
          • GraphQL教程
          • GraphQL實現
          • 服務器集成
          • 數據庫集成
          • Relay
          • 中繼一般資源
          • 中繼教程
          • 中繼工具
          • Apollo
          • Apollo綜合資源
          • 影片
          • 重要會談
          • React.js Conf 2015播放列表
          • ReactEurope Conf 2015第1天播放列表
          • ReactEurope Conf 2015第2天播放列表
          • ReactRally Conf 2015播放列表
          • React.js Conf 2016播放列表
          • ReactRally Conf 2016播放列表
          • React.js Amsterdam 2018播放列表
          • 視頻教程
          • 演示
          • 示例應用
          • 真正的應用
          • 貢獻

          React

          用于構建用戶界面的JavaScript庫
          

          React教程

          React通用教程

          • React官方教程
          • 在Visual Studio代碼中使用React
          • Scrimba - 以交互方式免費學習React
          • FreeCodeCampReact挑戰
          • ReactCheatsheet
          • React模式
          • 使用React設置流程

          React鉤子

          • React鉤子
          • 用React Hooks和Context替換Redux
          • React Hooks備忘單:解鎖常見問題的解決方案
          • 如何使用React Hooks獲取數據?
          • 易于理解React Hook食譜
          • 令人敬畏的React Hooks

          React和TypeScript

          • TypeScript,React和Webpack
          • TypeScript中的JSX

          React性能

          • React優化性能
          • 介紹React Profiler
          • 優化React:虛擬DOM解釋
          • React中優化主要性能問題的權威指南
          • Twitter Lite和高性能Retive漸進式Web應用程序
          • 使用React DevTools Profiler診斷React App性能問題
          • 提高React性能的五大實踐
          • React很慢,React很快:在實踐中優化應用程序
          • 使用react-window渲染大型列表

          React內部

          • Reconciliation
          • React Fiber Architecture
          • Build your own React
          • Inside Fiber: In-depth overview of the new reconciliation algorithm in React

          React面試問題

          • 13個基本的React面試問題
          • React面試問題和答案列表

          React工具

          React開發工具

          • create-react-app - 通過運行一個命令來設置現代Web應用程序
          • react-starter-kit - 同構Web應用程序樣板
          • react-devtools - 檢查Chrome和Firefox開發人員工具中的React組件層次結構
          • react-hot-loader - 實時調整React組件
          • react-loadable - 用于加載具有promise的組件的更高階組件
          • loadable-components - 簡化了React代碼拆分
          • reactotron - 用于檢查React和React Native項目的桌面應用程序
          • storybook - UI組件開發和測試
          • react-styleguidist - 隔離的React組件開發環境,帶有生活方式指南
          • react-cosmos - 用于創建可重用React組件的開發工具
          • eslint-plugin-react - 為ESLint實現特定的linting規則
          • eslint-plugin-jsx-a11y - 針對JSX元素的a11y規則的靜態AST檢查器
          • react-axr - React應用程序的可訪問性審計

          React框架

          • next.js - React框架
          • gatsby.js - 基于React的免費開源框架

          React風格

          • styled-components - 組件年齡的可視原語
          • emotion - 用于使用JavaScript編寫CSS樣式的庫
          • radium - 用于React組件樣式的工具鏈
          • jss - CSS的創作工具

          React路由

          • react-router - React的聲明性路由
          • navi - React的聲明性異步路由
          • curi - 用于單頁面應用程序的JavaScript路由器

          React組件庫

          • material-ui - React組件,可以更快,更輕松地進行Web開發
          • ant-design - 具有自然和確定性價值的設計系統
          • blueprint - 基于React的Web工具包
          • office-ui-fabric-react - 用于構建Microsoft Web體驗的React組件
          • react-bootstrap - 使用React構建的Bootstrap組件
          • reactstrap - 簡單的React Bootstrap 4組件
          • semantic-ui-react - 官方的Semantic-UI-React集成
          • react-fontawesome - 用于React的Font Awesome 5組件庫
          • Reakit - React的可訪問,可組合和可自定義的組件

          React很棒的組件

          • Awesome的React Components列表
          • react-select - 選擇React組件
          • react-dnd - 拖放React
          • react-grid-layout - 具有響應斷點的可拖動和可調整大小的網格布局
          • react-table - React的輕量級,快速且可擴展的數據網格
          • react-data-grid - 使用React構建的類似Excel的網格組件
          • react-draggable - React draggable組件
          • react-resizable-and-movable - React的可調整大小和可拖動的組件
          • react-resizable - 一個簡單的React組件,可以使用句柄調整大小
          • react-resizable-box - React的可調整大小的組件
          • react-sortable-pane - React的可排序和可調整大小的窗格組件
          • react-dates - 一個易于國際化,適合移動設備的網絡日期選擇器庫
          • react-big-calendar - 日歷組件
          • react-datepicker - ReactJS Datepicker
          • react-list - 一個多功能的無限卷軸React組件
          • react-intl - 國際化React應用程序
          • react-i18next - React的國際化做得對
          • react-aria-modal - 一個完全可訪問的React模態
          • react-hotkeys - React的聲明性熱鍵和焦點區域管理
          • react-keydown - React組件的輕量級keydown包裝器
          • react-joyride - 為您的應用創建導游
          • react-virtualized - 用于有效渲染大型列表和表格數據的React組件
          • react-window - 用于有效渲染大型列表和表格數據的React組件
          • react-text-mask - React的輸入掩碼
          • react-loading-skeleton - 創建自動適應您的應用程序的骨架屏幕
          • react-spinkit - 使用CSS為React設置動畫的加載指示符集合
          • rheostat - 使用React構建的可訪問滑塊組件
          • qrcode.react - 用于React的QR組件

          做出React 命令行

          • ink - 對交互式命令行應用程序進行React
          • react-blessed - 用于祝福終端接口庫的React渲染器

          React測試

          • jest - 令人愉快的JavaScript測試框架
          • enzyme - 針對React的JavaScript測試實用程序
          • react-testing-library - 簡單而完整的React DOM測試實用程序
          • react-hooks-testing-library - React掛鉤測試實用程序,鼓勵良好的測試實踐

          React庫

          • react-border-wrapper - 用于在React中沿div邊界放置元素的包裝器。
          • react-magic - 利用React的強大功能自動AJAXify純HTML
          • react-toolbox - 一組實現Google Material Design規范的React組件
          • tcomb-react - 允許您檢查React組件的所有道具的庫
          • react-responsive - 媒體查詢響應響應式設計
          • react-is-responsive - 一種在React中創建響應組件的實用程序
          • react-cursor - 用于Facebook React的功能狀態管理抽象
          • Omniscient.js - 抽象React組件,用于快速自上而下渲染不可變數據
          • Touchstonejs - React.js支持的UI框架,用于開發漂亮的混合移動應用程序。
          • Elemental - React.js網站和應用程序的UI工具包
          • StateTrooper - 使用CSP集中管理React應用程序的狀態
          • Preact:使用相同的ES6 API快速3kb React替代方案。
          • riotjs - 一個類似React的3.5KB用戶界面庫
          • Maple.js - 將Web組件的概念引入React
          • react-i13n - 一種高性能,可擴展且可插拔的方法,用于檢測React應用程序
          • react-icons - svgReact流行圖標包的圖標
          • Keo - Plain用于創建React組件的功能更強大的Deku方法,具有管道,memoize等功能性好處......
          • Bit - 用于跨應用程序管理和使用React和其他Web組件的虛擬存儲庫
          • AtlasKit - Atlassian的React UI庫
          • ReactiveSearch - Elasticsearch的UI組件庫
          • Slate - 用于構建富文本編輯器的完全可自定義的框架。
          • react-animated-transitions - React中的簡單動畫過渡
          • react-json-schema - 通過將JSON定義映射到您公開的React組件,構造來自JSON的React元素。
          • compose-state - 在React中編寫多個setState或getDerivedStateFromProps更新程序
          • react-with-analytics - 輕松實現Google Analytics for React應用程序
          • react-cache-me-outside - React應用程序的OTA數據更新。如何弓數據!
          • PrimeReact - React最完整的UI框架!
          • react-lodash - Lodash作為React組件
          • react-helmet - React的文檔主管
          • Stator - 簡單,簡單的JavaScript狀態管理,內置支持React
          • ClearX - 快速,輕松的React狀態管理,零學習曲線。 ClearX為您的React應用程序分離關注點提供了極大的靈活性
          • react-snap - 針對SPA的零配置框架無關的靜態預渲染
          • Draft.js - 用于構建文本編輯器的React框架
          • refract - 利用React式編程的強大功能為組件增壓
          • react-desktop - 使用React構建的OS X和Windows UI組件
          • Reapop - React和Redux通知系統
          • react-extras - 使用React的有用組件和實用程序
          • react-instantsearch - Algolia快速搜索React和React Native應用程序
          • uppy - Web瀏覽器的下一個開源文件上傳器
          • react-motion - 解決動畫問題的彈簧
          • react-esi - React Edge Side包含

          React整合

          • React Rails
          • ReactJS.NET
          • React ASP.NET Boilerplate
          • React Bootstrap組件游樂場
          • om - ClojureScript接口
          • quiescent - React上的輕量級ClojureScript抽象
          • Reagent - React.js的簡約ClojureScript接口
          • react-haskell - Haskell的React綁定
          • Express React views
          • Express Coffee-React視圖 - 在服務器上呈現咖啡React
          • React頁面中間件
          • ngReact - Angular中的React組件
          • ReactLaravel
          • coffee-react-transform - 為Coffeescript提供React JSX支持
          • sprockets-coffee-react - CJSX的鏈輪預處理器
          • react-kup - 一個簡單的,非侵入性的替代jsx的coffeescript
          • turbo-react - 結合Turbolinks和React來應用DOM差異
          • react-bacon - 使用React和Bacon.js的一個小模塊
          • msx - React的JSX Transformer,調整為向Mithril輸出調用
          • React.withBackbone - React 16 ready骨干綁定
          • Backbone React Component
          • react-backbone - 用于React的Backbone-aware mixins
          • NestedReact - 與Backbone Views和NestedTypes模型的透明集成
          • backbone-reaction - React,Backbone然后一些
          • react.backbone - React插件使Backbone遷移更容易
          • reactbone - Backbone的React擴展
          • backbone-react-ui - 用于骨干和骨干分離器的React組件
          • react-events - React組件的聲明性托管事件綁定
          • react-mixin-manager - React mixin注冊管理器
          • gsap-react-plugin - 用于補間React.js組件狀態的GSAP插件
          • @plaxdan的react-topcoat - 使用React庫構建的Topcoat CSS組件
          • @arnemart的React面漆 - 面漆的React成分集合
          • reactdown - 使用markdown語法編寫React組件
          • react-jade - 編譯Jade以ReactJavaScript
          • jade-react - 將Jade模板編譯為React.DOM表達式
          • gulp-jade-react - 將Jade模板編譯成React脫糖JSX和Gulp
          • sbt-reactjs - 使用npmReactSBT插件
          • scalajs-react - Scala.js和Facebook的React之間的內疚
          • react-xtags - 使用React實現xtags
          • jreact - 在服務器端Java上React(使用Rhino或Nashorn)
          • React.hiccup - 用sweet.js編寫的JSX的完全替代品
          • react-play - 使用JDK8的Nashorn渲染Play框架中的React組件
          • rx-react - 在RxJS中與React一起使用的實用程序
          • react-with-di - 一個被反射的React.js原型
          • reactfire - ReactJS mixin,可輕松實現Firebase集成
          • firedux - ReactJS的Firebase + Redux
          • react-clickdrag-mixin - ClickDrag mixin for React組件
          • Rewrite the Admin UI of KeystoneJS in React
          • react-masonry-mixin - 用于砌體的獨立混合物(@desandro)
          • react-packery-mixin - 獨立混合用于Packery(Metafizzy)
          • react-dropzone - 帶有React.js的簡單HTML5拖放區域。
          • aframe-react - A-Frame VR + React
          • react-three - 使用three.js創建和控制3D場景的React綁定
          • react-three-renderer - 使用React渲染到three.js畫布中
          • react-threejs - React和Three.js之間最簡單的綁定
          • react-masonry-css - 由CSS驅動的快速砌體布局,無依賴性
          • react-captcha - 針對Google的react.js reCAPTCHA
          • reaptcha - 用于Google reCAPTCHA的干凈,現代且簡單的React包裝器
          • react-recaptcha-that-works - React的reCAPTCHA橋

          Form

          • React Forms
          • react-formal - 為React提供更好的表單驗證和價值管理,提供最少的布線
          • react-forms - React的表單庫
          • valuelink - 具有擴展React鏈接的全功能雙向數據綁定
          • wingspan-forms - Facebook React的動態表單庫
          • newforms - React的同構形式處理
          • formjs - Reactjs的表單生成器
          • react-form-b??uilder - React.js的表單生成器
          • plexus-form - 使用JSON-Schema進行React的動態表單組件
          • tcomb-form - 用于開發表單編寫較少代碼的UI庫
          • formsy-react - React JS的表單輸入構建器和驗證器
          • Learn Raw React: Ridiculously Simple Forms
          • Winterfell - 在React中生成復雜,經過驗證和擴展的基于JSON的表單
          • Redux-Autoform - 從元數據中動態創建Redux-Forms
          • uniforms - 一堆React組件和幫助器,可以輕松生成和驗證表單
          • formik - React中的表單,沒有眼淚
          • NeoForm - 用于表單狀態管理和驗證的模塊化HOC
          • react-jsonschema-form - 用于從JSON Schema構建Web表單的React組件
          • List View Select - 具有本機組件的React Native的Toggleable選擇框
          • Final Form
          • formland - 一個簡單,超靈活,可擴展的基于配置的表單生成器
          • React - React形式 - React中的角狀React形式
          • unform - ReactJS表單庫,用于創建不受控制的表單結構,包含嵌套字段,驗證等等!

          自動完成

          • @rackt的React自動完成 - 符合WAI-ARIA的React自動完成功能
          • react @ autosuggest由@moroshko提供 - 符合WAI-ARIA標準的React autosuggest組件
          • @ eliseumds的React自動完成 - 只需品嘗一些ReactJS + RxJS
          • @prometheusresearch的react-autocomplete - 基于React的自動完成小部件
          • instaleype by @gragland - 簡單React自動完成組件
          • downshift - 構建簡單,靈活,符合WAI-ARIA標準的增強型輸入React組件的原語
          • React Bootstrap Typeahead - 基于React的typeahead,依賴于Bootstrap進行樣式化,最初受到Twitter的typeahead.js的啟發。

          Graphics

          • react-art - 反映ART繪圖庫的橋梁
          • react-canvas - React組件的高性能渲染
          • react-famous - 使用Famo.us以60 FPS的復雜3D動畫UI
          • react-kinetic - HTML5 Canvas通過KineticJS使用React
          • react-svg-morph - 將你的svg組件變為另一個
          • react-hooks-svgdrawing - 使用React鉤子繪制SVG

          模型庫

          • mori - ClojureScript的持久數據結構和支持API
          • NestedTypes - 具有“純渲染”支持的快速可變模型
          • swarm - JavaScript復制模型(MVC的M)庫
          • caplet - JavaScript模型庫

          數據管理

          • Immutable.js - Javascript的不可變數據集合
          • cortex - 用于使用React集中管理數據的JavaScript庫
          • avers - 一個現代客戶端模型抽象庫
          • imvvm - React的不可變模型 - 視圖 - 視圖模型
          • morearty.js - 在純JavaScript中更好地管理React
          • valuable - React的不可變數據存儲
          • react-resolver - 用于React組件的遞歸延遲加載數據的同構庫
          • freezer-js - React的輕量級和React式不可變數據結構
          • MobX - 簡單,可擴展的狀態管理
          • Qaf - 作為商店的組件?;谏舷挛牡腞eact的簡單狀態管理
          • baobab - 帶有游標的JavaScript持久性和可選的不可變數據樹
          • baobab-react - 為Baobab進行React整合
          • datascript - ClojureScript中的不可變數據庫和Datalog查詢引擎
          • immstruct - 不可變數據結構,具有基于組件的庫(如React)中從上到下屬性的歷史記錄
          • seamless-immutable - JavaScript的不可變數據結構,它與普通的JS Arrays和Objects向后兼容
          • tydel - 使用React綁定的類型模型和集合
          • extendedable-immutable - 擴展任何Immutable.js數據結構
          • statty - React和Preact應用程序的一個微小且不顯眼的狀態管理庫
          • Hydux - React的Elm-Like州經理,“包括電池”
          • ReSub - 用于編寫更好的React組件和數據存儲的庫
          • ProppyJS - 用于功能道具組合的小型庫
          • WatermelonDB - 下一代數據庫,用于強大的React和React Native應用程序,可擴展到10,000個記錄并保持快速
          • Effector - 快速而強大的無功狀態管理器。允許您編寫簡單,快速且類型安全的代碼并輕松管理React狀態。
          • reactn - React,但內置全局狀態管理
          • immer - 通過改變當前狀態來創建下一個不可變狀態

          地圖

          • react-googlemaps - 反映Google地圖的界面
          • react-maps - React的映射組件
          • react-google-maps - React.js Google Maps集成組件
          • react-gmaps - React.js的Google Maps組件
          • react-map-gl - MapboxGL-js加上覆蓋API的React包裝器
          • google-map-react - Isomorphic google map React組件
          • react-mapbox-gl - 一個mapbox-gl-js包裝器,使APIReact友好
          • google-maps-react - 使用React,延遲加載依賴項,當前位置查找器和Fullstack React團隊的測試驅動方法的聲明式Google Map React組件。
          • react-leaflet - 用于Leaflet映射的React組件
          • react-geo - 使用react,antd和ol的一組與地理相關的組件
          • pigeon-maps - 沒有外部依賴關系的ReactJS映射

          圖表

          • DevExtreme React Chart - 基于高性能插件的Bootstrap和Material Design的React圖表
          • react-chartjs - 使用chart.js的常見React圖表組件
          • react-stockcharts - 具有ReactJS和d3的高度可定制的股票圖表
          • Number Picture - 使用React和D3構建動畫可視化的低級構建塊。
          • Victory - 用于構建交互式數據可視化的可組合React組件的集合
          • Recharts - 一個基于D3的圖表庫,帶有一個很棒的聲明式API
          • React-ApexCharts - ApexCharts的React組件(交互式SVG圖表庫)
          • reaviz - 基于D3.js的React數據可視化庫
          • react-vis - 一個React可視化庫,其設計考慮了以下原則:React友好,高級和可定制,富有表現力和行業強大。
          • nivo - 它提供了豐富的數據可視化組件,構建在D3和React庫之上。
          • vx - 可重用的低級可視化組件的集合。它結合了D3的強大功能,可以利用React的優勢生成可視化,以更新DOM。
          • echarts-for-react - 一個非常簡單的ECharts React包裝器。
          • Chartify - 使用CSS構建圖表的React插件。
          • Semiotic - 結合了React和D3的數據可視化框架。

          React原生

          使用React構建本機應用程序的框架
          
          • React本機常規資源
          • React原生官方網站
          • React Native GitHub
          • React原生通訊
          • React本機游樂場
          • React Native Awesome List
          • React Native StackOverflow
          • React原生無線電

          React原生教程

          • React Native Tutorial
          • 介紹React Native:使用JavaScript構建應用程序
          • React Native簡介:使用JavaScript構建iOS應用程序
          • React Native符合異步函數
          • React Native中的手勢檢測 - 修復意外的平移
          • Digital Smart Mirror lab with React Native
          • React Native的美麗:使用JavaScript構建您的第一個iOS應用程序(第1部分)
          • React Native的美麗:使用JavaScript構建您的第一個iOS應用程序(第2部分)
          • React Native Flexbox上的迷你課程
          • Flexbox完整指南
          • Test driving react native applications
          • 在TypeScript中使用React Native

          React原生開發工具

          • react-native-code-push - 用于CodePush的React Native模塊

          React原生樣本應用程序

          • HackerNews
          • Ziliun
          • FinanceReactNative
          • SplashWalls
          • NBAreact

          React Native Boilerplates

          • 創建React Native App - 在沒有構建配置的任何操作系統上創建React Native應用程序,包含或不包含Expo
          • Snowflake - 使用Redux,Parse.com,Jest(88%覆蓋率)React原生iOS和Android
          • Ignite - React Native,樣板,插件,生成器等最熱門的CLI!
          • React Native Starter Kit - 一個強大的入門項目,用于引導您的移動應用程序的開發

          React Native Awesome Components

          • 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
          • react-native-icons - React Native中的快速簡單圖標
          • react-native-vector-icons - 用于React Native的3000個可自定義圖標,支持NavBar / TabBar
          • react-native-google-signin - Google Signin for React Native
          • React天然選取器模態視

          ReactAR / VR

          React用于增強和虛擬現實的用法
          
          • React 360 - 使用React創建令人興奮的360和VR體驗
          • Viro React - 使用React Native快速構建AR / VR應用程序的平臺

          ReasonReact

          ReactJS的原因綁定
          
          • ReasonReact官方網站

          Flux

          用于構建用戶界面的應用程序架構
          

          Flux一般資源

          • Flux官方網站
          • Flux GitHub

          Flux實現

          • Flux Comparision
          • RefluxJS
          • Fluxxor
          • Marty
          • McFly
          • Alt
          • Fluxible
          • NuclearJS
          • Flummox
          • Coflux
          • MobX
          • Sinux

          Flux教程

          • 使用React和Flux構建應用程序
          • Flux:構建客戶端應用程序的簡單架構模型
          • 使用來自Yahoo的Dispatchr和Fetchr的Isomorphic Flux示例
          • 使用React.js和Flux進行異步請求
          • 在CoffeeScript中實現Flux
          • React:Flux Architecture
          • 了解Flux
          • 在Flux中喲
          • React.js架構 - Flux VS Reflux
          • 避免單頁應用程序中的事件鏈
          • ReactJS和Flux
          • 解構ReactJS的流量
          • Flux一步一步
          • 實踐中的流量
          • 什么是Flux應用程序架構?
          • React + Flux由Rails API支持:第1部分
          • Reails + Flux由Rails API支持:第2部分
          • Reails + Flux由Rails API支持:第3部分
          • Flux解決方案通過實例比較
          • Flux Cargo-Culting
          • 通量案例
          • Flux框架的演變
          • 通過示例與Flux作出React - 解析了一個簡單的Todo List
          • 從入門到放棄! - 初學者教程
          • 使用React和Nuclear JS的簡單計數器應用程序
          • LearnCode.academy Flux教程系列

          Redux

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

          Redux通用資源

          • Redux GitHub
          • Redux官方網站
          • 很棒的Redux列表

          Redux工具

          • react-redux - Redux的官方React綁定
          • redux-devtools - Redux的DevTools,具有熱重新加載,動作重放和可自定義的UI
          • react-router-redux - 保持react-router和redux同步的綁定
          • redux-form - 使用react-redux保持形狀狀態的高階組件
          • redux-thunk - 用于redux的Thunk中間件
          • redux-logger - 用于redux的Logger中間件
          • reselect - Redux的選擇器庫
          • normalizr - 根據模式規范化嵌套JSON
          • redux-saga - Redux應用程序的另一種副作用模型
          • redux-data-fx - Redux的聲明性副作用
          • redux-observable - Redux的RxJS中間件
          • redux-analytics - Redux的分析中間件
          • redux-undo - 用于向redux狀態容器添加撤消/重做功能的高階減少器
          • redux-search - 用于客戶端搜索的Redux綁定
          • redux-mock-store - 用于測試redux異步動作創建器和中間件的模擬存儲
          • redux-immutable - 創建一個與Immutable.js狀態一起使用的Redux combineReducers的等效函數
          • redux-react-i18n - 用于還原/React的i18n溶液
          • R16N - 還原/ReactI18n溶液
          • redux-actiontyper - Helper為Redux創建更簡潔的動作類型
          • redux-state-validator - 一個簡單的redux中間件,用于使用JSON Schema驗證redux狀態值和對象類型
          • redux-persist - 堅持并補充redux商店

          Redux教程

          • 在ES6中使用React和Redux構建應用程序
          • Redux入門
          • 使用慣用Redux構建React應用程序
          • Redux教程
          • React,Redux和Immutable入門:測試驅動的教程:第1部分
          • React,Redux和Immutable入門:測試驅動的教程:第2部分
          • 全棧Redux教程
          • 使用Redux和React-Router進行服務器端渲染
          • Redux深度介紹
          • 單元測試Redux應用程序
          • 使用JWT身份驗證保護您的React和Redux應用程序
          • 使用React,Redux和redux-saga構建圖像庫
          • 使用redux調用API的簡化方法
          • 基于React Redux的獻血者演示應用程序
          • LearnCode.academy Redux教程系列
          • 實用的Redux
          • 初學者的完整React Redux教程

          MobX

          JavaScript應用程序的簡單,可擴展狀態管理
          

          MobX通用資源

          • MobX GitHub
          • MobX官方網站

          MobX工具

          • mobx-react - React組件包裝器,用于將React與MobX結合使用

          MobX教程

          • 10分鐘介紹MobX和React
          • 使用MobX管理React應用程序中的復雜狀態
          • 將您的應用程序從Redux重構為MobX
          • Redux或MobX:嘗試解散混亂

          GraphQL

          查詢語言
          

          GraphQL規范

          • GraphQL官方網站
          • GraphQL規范
          • GraphQL規范庫

          GraphQL工具

          • GraphCMS - GraphQL無頭CMS
          • GraphQL CMS
          • Mongoose模式到GraphQL
          • GraphQL橋接到REST API
          • GraphQL Playground - GraphQL IDE,用于更好的開發工作流程

          GraphQL教程

          • GraphQL簡介
          • 關于GraphQL的第一個想法
          • 以類似的方式在GraphQL中建模查詢
          • Thin and Graphy
          • GraphQL概述 - GraphQL和Node.js入門
          • 使用GraphQL編寫基本API
          • 使用Node.js和SQL構建GraphQL服務器
          • GraphQL Tour:變量
          • 如何Graphql - GraphQL的Fullstack教程

          GraphQL實現

          • graphql-js - GraphQL for JavaScript的參考實現
          • react-transmit - 基于JavaScript Promises的Relay-inspired庫
          • graphql-ruby - Facebook的GraphQL的Ruby實現
          • graphql-java - GraphQL Java實現
          • sangria - Scala GraphQL客戶端和服務器庫
          • graphql-php - GraphQL參考實現的PHP端口
          • graphene - Python中的GraphQL變得簡單
          • graphqllib - Python的GraphQL實現
          • graphql-dotnet - 用于.NET的GraphQL
          • graphql-go - Go / Golang的GraphQL

          服務器集成

          • express-graphql - 使用Express創建GraphQL HTTP服務器
          • graphql-yoga - 運行GraphQL服務器的最簡單方法

          數據庫集成

          • Hasura - Postgres上的即時實時GraphQL
          • Prisma - 一個高性能的開源GraphQL ORM-like層,可以在GraphQL服務器中完成繁重的任務。
          • graphql-bookshelf - 一些幫助定義BookshelfJS模型周圍的GraphQL架構
          • GraphpostgresQL - PostgreSQL的GraphQL
          • graffiti - Node.js GraphQL ORM
          • sql-to-graphql - 根據您的SQL數據庫結構生成GraphQL API
          • graphql-sequelize - 通過Sequelize實現MySQL和Postgres的GraphQL和Relay

          Relay

          數據驅動的React應用程序
          

          Relay一般資源

          • 接力官方網站
          • 接力GitHub

          Relay教程

          • 官方接力入門
          • 視覺學習者的接力
          • Getting Started with Relay
          • Relay and Routing

          Relay工具

          • graphql-relay-js - 一個幫助構建支持react-relay的graphql-js服務器的庫
          • react-router-relay - React Router的中繼集成
          • relay-local-schema - 在沒有GraphQL服務器的情況下使用Relay
          • relay-codemod - 基于jsodeshift的Codemod腳本,用于更新中繼API

          Apollo

          基于GraphQL的數據堆棧
          

          阿波羅綜合資源

          • 阿波羅官方網站
          • Apollo GitHub
          • 阿波羅博客
          • Apollo Slack

          Apollo工具

          • react-apollo-redux - 一個小包裝器,用于響應阿波羅突變自動發送動作

          影片

          • reactjsvideos.com

          重要會談

          • Pete Hunt:React:重新思考最佳實踐 - JSConf EU 2013
          • Pete Hunt:React:重新思考最佳實踐(更新) - JSConf.Asia 2013
          • Tom Occhino和Jordan Walke:Facebook上的JS應用程序 - JSConfUS 2013
          • React:JS中的CSS
          • Pete Hunt:可預測,不正確 - Mountain West JavaScript 2014
          • 黑客方式:重新思考Facebook上的Web應用程序開發
          • Christopher Chedeau:為什么React Scale? - JSConf2014
          • Christopher Chedeau:React的架構 - OSCON 2014
          • Pete Hunt:ReactRESTful UI渲染 - 奇怪的循環2014
          • Pete Hunt:Instagram.com如何運作 - OSCON 2014
          • Bill Fisher和Jing Chen:React和Flux - NewCircle Training 2014
          • Sebastian Markbage:最小的API表面積 - JSConf EU 2014
          • Avik Chaudhuri:規模的JavaScript測試和靜態類型系統 - 規模2014
          • React Native&Relay:為移動設備帶來現代網絡技術 - f8 2015)
          • Citrusbyte推出GraphQL:與Nick Schrock合作的橫向平臺
          • Laney Kuenzel:接力中的突變和訂閱 - JSConf 2015
          • React今天和明天和90%清潔React與鉤子 - React Conf 2018
          • React會議
          • React視頻
          • 令人敬畏的React會談
          • React.js Conf 2015播放列表
          • ReactEurope Conf 2015第1天播放列表
          • ReactEurope Conf 2015第2天播放列表
          • ReactRally Conf 2015播放列表
          • React.js Conf 2016播放列表
          • React Amsterdam 2016播放列表
          • ReactEurope Conf 2016第1天播放列表
          • ReactEurope Conf 2016第2天播放列表
          • ReactRally Conf 2016播放列表
          • React.js Amsterdam 2018播放列表

          視頻教程

          • 第一次和Dan Abramov一起嘗試React Hooks

          演示

          • React和React原住民博物館
          • react.rocks - 具有可用代碼的Pinterest風格的在線演示目錄
          • react-hn - 一個React&react-router-powered of Hacker News
          • react-pokemon - 用于顯示神奇寶貝的React組件
          • React + Backbone TodoMVC
          • React + NestedTypes TodoMVC
          • react-rxjs-todomvc - 使用React和RxJS實現TodoMVC
          • react-mvc - 用React和純MVC編寫的示例聊天應用程序
          • react-observe-todomvc - 在React和Object.observe之上構建的TodoMVC實現
          • react-lights-out - React框架功能和靈活性的簡單演示
          • todomvc-swarm - 使用Swarm進行實時協作的React TodoMVC實現
          • reactodo - 使用React構建的多個localStorage TODO列表
          • lifequote - 人壽保險快速報價申請的React端口
          • reactor-demo - 使用React的同構Javascript應用程序
          • imgible - 基于React的Imgur-like同構演示應用程序
          • wow-realm-status-react - React - 魔獸世界狀態:React版
          • react-json-editor - 一個通用的JSON編輯器
          • react-todos - Backbone的示例TODO應用程序與React JS的視圖
          • github-issues-viewer - github在react + backbone中發出查看器構建
          • wolfenstein3D-react - Wolfenstein用React編寫的渲染層
          • Flux ImmutableJS TodoList
          • Hapi + React + Flux用戶管理系統
          • Redux TodoMVC
          • React / Redux CRUD在本地存儲中具有持久狀態
          • React Slack克隆 - 使用React和Chatkit構建的綜合Slack克隆
          • React顏色漂移 - 與React的生成藝術
          • overreacted.io - Dan Abramov的個人博客

          示例應用

          • isomorphic500 - 使用React和Fluxible構建的同構JS應用程序
          • fil - 瀏覽器中解釋器的游樂場(Redux)
          • sound-redux - 使用React / Redux構建的Soundcloud客戶端
          • react-pomodoro - 開發人員的番茄鐘計時器
          • Do - 使用React和Redux構建的Notes管理應用程序
          • soundcloud-react-redux - 使用React / Redux構建的SoundCloud客戶端
          • soundcloud-react-mobx - 使用React / MobX構建的SoundCloud客戶端
          • 用React和Redux重新實現Winamp 2.9
          • ComingOrNot - 使用react,react-router,redux,graphQL和無服務器構建的Event Planner
          • React Reduction - 使用React + Bootstrap4構建的Admin Dashboard
          • React Code Splitting Sample - React + React Router + Flux
          • 響應式React'電影數據庫'(TMDb)應用程序
          • CoreUI - 使用React和Bootstrap 4構建的免費管理面板
          • react-shopping-cart - 使用React和Redux構建的簡單電子商務購物車應用程序
          • hackernews-react-graphql - 使用React和GraphQL用通用JavaScript重寫的黑客新聞克隆

          真正的應用

          • Firefox調試器
          • 遠程復古 - 分布式團隊的敏捷回顧
          • Spectrum - 簡單,強大的在線社區
          • Mattermost - 開源Slack替代品

          主站蜘蛛池模板: 日本视频一区二区三区| 亚洲国产精品一区二区久久hs| 国产成人精品一区在线| 肉色超薄丝袜脚交一区二区| 国产一区二区好的精华液 | 日本精品一区二区在线播放| 性无码一区二区三区在线观看| 亚洲一区二区三区免费| 精品国产亚洲一区二区三区在线观看| 久久国产精品一区免费下载| 亲子乱av一区二区三区| 精品亚洲一区二区三区在线播放| 国产成人一区二区在线不卡 | 福利一区国产原创多挂探花| 成人国产精品一区二区网站公司| 国产精品一级香蕉一区| 日韩人妻精品无码一区二区三区 | 亚洲综合一区二区三区四区五区 | 午夜在线视频一区二区三区| 亚洲乱码av中文一区二区| 日本视频一区在线观看免费| 无码精品一区二区三区免费视频| 另类一区二区三区| 亚洲AV本道一区二区三区四区| 国产成人精品无码一区二区| 国产亚洲3p无码一区二区| 亚洲国产精品乱码一区二区| 亚洲av福利无码无一区二区| 亚欧在线精品免费观看一区 | 亚洲国产成人精品久久久国产成人一区二区三区综 | 色欲AV蜜臀一区二区三区| 精品日韩亚洲AV无码一区二区三区| 无码国产精品一区二区免费16| 色狠狠AV一区二区三区| 国产精品一级香蕉一区| 午夜视频一区二区三区| 一区二区三区日本电影| 国产在线精品一区二区在线观看| 无码精品一区二区三区在线| 高清精品一区二区三区一区| 国精产品一区一区三区有限公司|