[TOC] <br/><br/><br/> # <b style="color:#4F4F4F;">簡介說明</b> 原文鏈接： - [awesome-react](https://github.com/enaqx/awesome-react) - [awesome-react-components](https://github.com/brillout/awesome-react-components) - [antd-recommend](https://ant.design/docs/react/recommendation-cn) - [antd-pro](https://pro.ant.design/index-cn/) - [20個GitHub倉庫助你成為React大師](https://mp.weixin.qq.com/s/-WshzTGHM1cKHHRblPkUkw) - [Github上8個很棒的React項目](https://mp.weixin.qq.com/s/1RnYHURPyMhVRaM-XEn-EQ) ``` 版本 ：React生態 作用 ：React生態 ``` <br/> # <b style="color:#4F4F4F;">附屬列表(92)</b> <br/> # <span style="color:#619BE4">@loadable/component</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">ahooks</span> ***** 實用的antd React hooks庫 <br/> # <span style="color:#619BE4">amis-editor</span> ***** AMis 可視化編輯工具 <br/> # <span style="color:#619BE4">braft-editor</span> ***** 美觀易用的React富文本編輯器，基于draft-js開發 <br/> # <span style="color:#619BE4">braft-utils</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">chart-race-react</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">classnames</span> ***** 一個簡單的javascript實用工具，可有條件地將classNames連接在一起 <br/> # <span style="color:#619BE4">clsx</span> ***** 微型實用程序，用于有條件地構造className字符串 <br/> # <span style="color:#619BE4">connected-react-router</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">constate</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">component-playground</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">draft-js</span> ***** 用于構建高度定制化非開箱即用的富文本編輯器的React框架 <br/> # <span style="color:#619BE4">formik</span> ***** 在React中輕松構建表單 <br/> # <span style="color:#619BE4">gg-editor</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">griffith</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">html-react-parser</span> ***** HTML 到 React 解析器 <br/> # <span style="color:#619BE4">jsx-transform</span> ***** JSX語法轉換器 <br/> # <span style="color:#619BE4">mobx</span> ***** 簡單，可擴展的狀態管理 <br/> # <span style="color:#619BE4">mobx-react</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">polished</span> ***** 用于編寫JavaScript樣式的輕量級工具集 <br/> # <span style="color:#619BE4">preact</span> ***** 具有相同現代API的快速3kB React替代方案。組件和虛擬DOM <br/> # <span style="color:#619BE4">prism-react-renderer</span> ***** 將突出顯示的 Prism 輸出渲染到 React（+ 主題化和供應商 Prism） <br/> # <span style="color:#619BE4">prop-types</span> ***** 運行時類型檢查React道具和類似對象 <br/> # <span style="color:#619BE4">qrcode.react</span> ***** 一個react組件用于生成二維碼 <br/> # <span style="color:#619BE4">rc-form</span> ***** react表單驗證組件 <br/> # <span style="color:#619BE4">react-ace</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-async-component</span> ***** react異步加載組件 <br/> # <span style="color:#619BE4">react-audio-player</span> ***** HTML5音頻標簽上的簡單React包裝器 <br/> # <span style="color:#619BE4">react-beautiful-dnd</span> ***** 使用React輕松美觀地拖放或拖拽列表 <br/> # <span style="color:#619BE4">react-code-view</span> ***** 可編輯并實時渲染markdown文件的組件 <br/> # <span style="color:#619BE4">react-codemirror</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-color</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-copy-to-clipboard</span> ***** 復制到剪貼板的React組件 <br/> # <span style="color:#619BE4">react-document-title</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-dom</span> ***** react dom渲染庫 <br/> # <span style="color:#619BE4">react-dnd</span> ***** react拖拽和放入組件 <br/> # <span style="color:#619BE4">react-dnd-html5-backend</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-draggable</span> ***** react可拖動或拖拽組件 <br/> # <span style="color:#619BE4">react-filepond</span> ***** filepond的React版本組件，用于文件分片上傳 <br/> # <span style="color:#619BE4">react-jsx-parser</span> ***** 一個可以解析 JSX 并輸出渲染的 React 組件的 React 組件 <br/> # <span style="color:#619BE4">react-highlight-words</span> ***** 文字高亮組件 <br/> # <span style="color:#619BE4">react-height</span> ***** 測量組件高度 <br/> # <span style="color:#619BE4">react-helmet</span> ***** HTML頁面頭部文檔標簽管理組件 <br/> # <span style="color:#619BE4">react-hook-form</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-infinite-scroller</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-input-autosize</span> ***** 讓input能隨你的文本內容自動變化 <br/> # <span style="color:#619BE4">react-intl</span> ***** formatjs是一組庫，可幫助您在任何項目中設置國際化，無論它是否為React <br/> # <span style="color:#619BE4">react-json-view</span> ***** JSON查看器 <br/> # <span style="color:#619BE4">react-lazy-load-image-component</span> ***** 圖片懶加載組件 <br/> # <span style="color:#619BE4">react-lazyload</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-list</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-live</span> ***** 用于實時編輯React組件 <br/> # <span style="color:#619BE4">react-loadable</span> ***** 用于加載具有動態導入的組件的高階組件 <br/> # <span style="color:#619BE4">react-motion</span> ***** react 動畫解決方案 <br/> # <span style="color:#619BE4">react-photo-view</span> ***** 一款精致的 React 圖片預覽組件 <br/> # <span style="color:#619BE4">react-qrbtf</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-query</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-quill</span> ***** 富文本編輯器 <br/> # <span style="color:#619BE4">react-sortable-hoc</span> ***** 高階組件，可將任何列表變成動畫，可訪問且易于觸摸的可排序拖拽列表 <br/> # <span style="color:#619BE4">react-rnd</span> ***** 可調整大小且可拖動的React組件 <br/> # <span style="color:#619BE4">react-resizable</span> ***** react 可調整大小組件 <br/> # <span style="color:#619BE4">react-router</span> ***** react 路由導航核心庫 <br/> # <span style="color:#619BE4">react-router-config</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-router-dom</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-router-transition</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-scroll</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-simple-code-editor</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-sticky</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-table</span> ***** 使用hooks構建table表格組件 <br/> # <span style="color:#619BE4">react-tabs</span> ***** react tab切換組件 <br/> # <span style="color:#619BE4">react-tag-input</span> ***** 一個非常簡單的標簽組件，用于您的React項目 <br/> # <span style="color:#619BE4">react-tagsinput</span> ***** react 可輸入標簽控件 tags input <br/> # <span style="color:#619BE4">react-text-loop</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-textarea-autosize</span> ***** react 讓textarea可以隨內容變化大小 <br/> # <span style="color:#619BE4">react-transition-group</span> ***** 當React組件進入或離開DOM時執行動畫的一種簡單方法 <br/> # <span style="color:#619BE4">react-use</span> ***** 實用的React Hooks <br/> # <span style="color:#619BE4">react-use-hover</span> ***** 確定是否將React元素hover <br/> # <span style="color:#619BE4">react-useportal</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">react-viewer-mobile</span> ***** 移動端圖像查看器 <br/> # <span style="color:#619BE4">react-virtualized</span> ***** react 虛擬滾動組件 <br/> # <span style="color:#619BE4">react-window</span> ***** React組件可有效呈現大型列表和表格數據，虛擬滾動 <br/> # <span style="color:#619BE4">react-zmage</span> ***** 一個基于 React 的可縮放圖片控件 <br/> # <span style="color:#619BE4">redux</span> ***** javascrip狀態管理庫 <br/> # <span style="color:#619BE4">slate</span> ***** 高度可定制的富文本編輯器 <br/> # <span style="color:#619BE4">slate-react</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">styled-components</span> ***** 在組件中更好的設置CSS樣式 <br/> # <span style="color:#619BE4">swr</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">use-debounce</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">use-http</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">use-media</span> ***** 軟件描述，待填寫 <br/> # <span style="color:#619BE4">use-merge-value</span> ***** 用于合并 props 的 value 和自己的 value 的 hooks <br/> # <span style="color:#619BE4">video-react</span> ***** 使用React庫為HTML5世界構建的網絡視頻播放器 <br/>