[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/>