<commit_before>社区精选组件
===

下面是一些基于 React 实现的优秀组件，与 [`@uiw/core`](https://github.com/uiw-react/uiw) 互补。

> 您还可以从这里找到更多的组件 [`Awesome React Components`](https://github.com/brillout/awesome-react-components)。

类型 | 推荐组件
----|--------
路由 | [react-router](https://github.com/ReactTraining/react-router) / [@reach/router](https://github.com/reach/router)
布局 | [@rebass/grid](https://github.com/rebassjs/grid) / [react-blocks](https://github.com/whoisandy/react-blocks) / [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid)
拖拽 | [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd/) / [react-dnd](https://github.com/gaearon/react-dnd) / [react-draggable](https://github.com/mzabriskie/react-draggable) / [react-sortable-hoc](https://github.com/clauderic/react-sortable-hoc)
代码编辑器 | [react-codemirror](https://github.com/uiw-react/react-codemirror) / [react-monacoeditor](https://github.com/jaywcjlove/react-monacoeditor/)
富文本编辑器 | [react-quill](https://github.com/zenoamaro/react-quill) / [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg) / [react-lz-editor](https://github.com/leejaen/react-lz-editor) / [braft-editor](https://github.com/margox/braft-editor)
拾色器 | [react-color](https://github.com/casesandberg/react-color)
响应式 | [react-responsive](https://github.com/contra/react-responsive) / [react-media](https://github.com/ReactTraining/react-media)
复制到剪贴板 | [react-copy-to-clipboard](https://github.com/nkbt/react-copy-to-clipboard)
页面 meta 属性 | [react-helmet](https://github.com/nfl/react-helmet) / [react-document-title](https://github.com/gaearon/react-document-title)
时间 | [dayjs](https://github.com/xx45/dayjs) / [date-fns](https://github.com/date-fns/date-fns) / [timesheet.js](https://github.com/sbstjn/timesheet.js) / [luxon](https://github.com/moment/luxon) / [timeago.js](https://github.com/hustcc/timeago.js) / [moment-timezone](https://github.com/moment/moment-timezone) / [moment](https://github.com/moment/moment) / [ms](https://github.com/zeit/ms)
菜单 | [React Contextmenu](https://github.com/vkbansal/react-contextmenu)
图标 | [uiw-icon](https://github.com/uiw-react/icons) / [react-icons](https://github.com/gorangajic/react-icons)
上传 | [uppy](https://github.com/transloadit/uppy)
二维码  | [qrcode.react](https://github.com/zpao/qrcode.react)
可视化图表 | [BizCharts](https://github.com/alibaba/BizCharts) / [charts](https://github.com/frappe/charts) / [react-vis](https://github.com/uber/react-vis) / [g2-react](https://github.com/antvis/g2-react) / [g2](https://github.com/antvis/g2) / [recharts](https://github.com/recharts/recharts/) / [victory](https://github.com/FormidableLabs/victory)
可视化图编辑器 | [GGEditor](https://github.com/gaoli/GGEditor)
顶部进度条 | [nprogress](https://github.com/rstacruz/nprogress)
应用国际化 | [react-intl](https://github.com/yahoo/react-intl)
代码高亮 | [react-syntax-highlighter](https://github.com/conorhastings/react-syntax-highlighter)
Markdown 渲染 | [markdown-to-jsx](https://github.com/probablyup/markdown-to-jsx) [react-markdown](http://rexxars.github.io/react-markdown/)
无限滚动表格 | [react-virtualized](https://github.com/bvaughn/react-virtualized)
地图 | [react-google-maps](https://github.com/tomchentw/react-google-maps) / [google-map-react](https://github.com/istarkov/google-map-react) / [react-amap高德](https://github.com/ElemeFE/react-amap)
Emoji | [emoji-mart](https://github.com/missive/emoji-mart)
右键菜单 | [react-contextmenu](https://github.com/vkbansal/react-contextmenu/) / [react-contexify](https://github.com/fkhadra/react-contexify)
提示 | [tippyjs](https://github.com/atomiks/tippyjs)
快捷键 | [hotkeys.js](https://github.com/jaywcjlove/hotkeys) / [react-hotkeys](https://github.com/jaywcjlove/react-hotkeys)
分割面板 | [react-split-pane](https://github.com/tomkp/react-split-pane)
图片裁切 | [react-image-crop](https://github.com/DominicTobias/react-image-crop)
趋势线 | [react-sparklines](https://github.com/borisyankov/react-sparklines)
关键字高亮 | [react-highlight-words](https://github.com/bvaughn/react-highlight-words)
动画 |	[react-move](https://github.com/react-tools/react-move)
其它 | [react-content-loader](https://github.com/danilowoz/react-content-loader)<commit_msg>Update recommendation.<commit_after>社区精选组件
===

下面是一些基于 React 实现的优秀组件，与 [`@uiw/core`](https://github.com/uiw-react/uiw) 互补。

> 您还可以从这里找到更多的组件 [`Awesome React Components`](https://github.com/brillout/awesome-react-components)。

类型 | 推荐组件
----|--------
路由 | [![](https://img.shields.io/github/stars/ReactTraining/react-router.svg?label=react-router)](https://github.com/ReactTraining/react-router) [![](https://img.shields.io/github/stars/reach/router.svg?label=@reach/router)](https://github.com/reach/router)
布局 | [![](https://img.shields.io/github/stars/rebassjs/grid.svg?label=@rebass/grid)](https://github.com/rebassjs/grid) [![](https://img.shields.io/github/stars/whoisandy/react-blocks.svg?label=react-blocks)](https://github.com/whoisandy/react-blocks) [![](https://img.shields.io/github/stars/roylee0704/react-flexbox-grid.svg?label=react-flexbox-grid)](https://github.com/roylee0704/react-flexbox-grid)
拖拽 | [![](https://img.shields.io/github/stars/atlassian/react-beautiful-dnd.svg?label=react-beautiful-dnd)](https://github.com/atlassian/react-beautiful-dnd) [![](https://img.shields.io/github/stars/gaearon/react-dnd.svg?label=react-dnd)](https://github.com/gaearon/react-dnd) [![](https://img.shields.io/github/stars/mzabriskie/react-draggable.svg?label=react-draggable)](https://github.com/mzabriskie/react-draggable) [![](https://img.shields.io/github/stars/clauderic/react-sortable-hoc.svg?label=react-sortable-hoc)](https://github.com/clauderic/react-sortable-hoc)
代码编辑器 | [![](https://img.shields.io/github/stars/uiw-react/react-codemirror.svg?label=react-codemirror)](https://github.com/uiw-react/react-codemirror) [![](https://img.shields.io/github/stars/jaywcjlove/react-monacoeditor.svg?label=react-monacoeditor)](https://github.com/jaywcjlove/react-monacoeditor)
富文本编辑器 | [![](https://img.shields.io/github/stars/zenoamaro/react-quill.svg?label=react-quill)](https://github.com/zenoamaro/react-quill) [![](https://img.shields.io/github/stars/jpuri/react-draft-wysiwyg.svg?label=react-draft-wysiwyg)](https://github.com/jpuri/react-draft-wysiwyg) [![](https://img.shields.io/github/stars/leejaen/react-lz-editor.svg?label=react-lz-editor)](https://github.com/leejaen/react-lz-editor) [![](https://img.shields.io/github/stars/margox/braft-editor.svg?label=braft-editor)](https://github.com/margox/braft-editor)
拾色器 | [![](https://img.shields.io/github/stars/casesandberg/react-color.svg?label=react-color)](https://github.com/casesandberg/react-color)
响应式 | [![](https://img.shields.io/github/stars/contra/react-responsive.svg?label=react-responsive)](https://github.com/contra/react-responsive) [![](https://img.shields.io/github/stars/ReactTraining/react-media.svg?label=react-media)](https://github.com/ReactTraining/react-media)
复制到剪贴板 | [![](https://img.shields.io/github/stars/nkbt/react-copy-to-clipboard.svg?label=react-copy-to-clipboard)](https://github.com/nkbt/react-copy-to-clipboard)
页面 meta 属性 | [![](https://img.shields.io/github/stars/nfl/react-helmet.svg?label=react-helmet)](https://github.com/nfl/react-helmet) [![](https://img.shields.io/github/stars/gaearon/react-document-title.svg?label=react-document-title)](https://github.com/gaearon/react-document-title)
时间 | [![](https://img.shields.io/github/stars/xx45/dayjs.svg?label=dayjs)](https://github.com/xx45/dayjs) [![](https://img.shields.io/github/stars/date-fns/date-fns.svg?label=date-fns)](https://github.com/date-fns/date-fns) [![](https://img.shields.io/github/stars/sbstjn/timesheet.js.svg?label=timesheet)](https://github.com/sbstjn/timesheet.js) [![](https://img.shields.io/github/stars/moment/luxon.svg?label=luxon)](https://github.com/moment/luxon) [![](https://img.shields.io/github/stars/hustcc/timeago.js.svg?label=timeago.js)](https://github.com/hustcc/timeago.js) [![](https://img.shields.io/github/stars/moment/moment-timezone.svg?label=moment-timezone)](https://github.com/moment/moment-timezone) [![](https://img.shields.io/github/stars/moment/moment.svg?label=moment)](https://github.com/moment/moment) [![](https://img.shields.io/github/stars/zeit/ms.svg?label=ms)](https://github.com/zeit/ms)
菜单 | [![](https://img.shields.io/github/stars/vkbansal/react-contextmenu.svg?label=react-contextmenu)](https://github.com/vkbansal/react-contextmenu)
图标 | [![](https://img.shields.io/github/stars/uiw-react/icons.svg?label=uiw-iconfont)](https://github.com/uiw-react/icons) [![](https://img.shields.io/github/stars/gorangajic/react-icons.svg?label=react-icons)](https://github.com/gorangajic/react-icons)
上传 | [![](https://img.shields.io/github/stars/transloadit/uppy.svg?label=uppy)](https://github.com/transloadit/uppy)
二维码  | [![](https://img.shields.io/github/stars/zpao/qrcode.react.svg?label=qrcode.react)](https://github.com/zpao/qrcode.react)
可视化图表 | [![](https://img.shields.io/github/stars/alibaba/BizCharts.svg?label=BizCharts)](https://github.com/alibaba/BizCharts) [![](https://img.shields.io/github/stars/frappe/charts.svg?label=charts)](https://github.com/frappe/charts) [![](https://img.shields.io/github/stars/uber/react-vis.svg?label=react-vis)](https://github.com/uber/react-vis) [![](https://img.shields.io/github/stars/antvis/g2-react.svg?label=g2-react)](https://github.com/antvis/g2-react) [![](https://img.shields.io/github/stars/antvis/g2.svg?label=g2)](https://github.com/antvis/g2) [![](https://img.shields.io/github/stars/recharts/recharts.svg?label=recharts)](https://github.com/recharts/recharts/) [![](https://img.shields.io/github/stars/FormidableLabs/victory.svg?label=victory)](https://github.com/FormidableLabs/victory)
可视化图编辑器 | [![](https://img.shields.io/github/stars/gaoli/GGEditor.svg?label=GGEditor)](https://github.com/gaoli/GGEditor)
顶部进度条 | [![](https://img.shields.io/github/stars/rstacruz/nprogress.svg?label=nprogress)](https://github.com/rstacruz/nprogress)
应用国际化 | [![](https://img.shields.io/github/stars/yahoo/react-intl.svg?label=react-intl)](https://github.com/yahoo/react-intl)
代码高亮 | [![](https://img.shields.io/github/stars/conorhastings/react-syntax-highlighter.svg?label=react-syntax-highlighter)](https://github.com/conorhastings/react-syntax-highlighter)
Markdown 渲染 | [![](https://img.shields.io/github/stars/probablyup/markdown-to-jsx.svg?label=markdown-to-jsx)](https://github.com/probablyup/markdown-to-jsx) [![](https://img.shields.io/github/stars/rexxars/react-markdown.svg?label=react-markdown)](https://github.com/rexxars/react-markdown)
无限滚动表格 | [![](https://img.shields.io/github/stars/bvaughn/react-virtualized.svg?label=react-virtualized)](https://github.com/bvaughn/react-virtualized)
地图 | [![](https://img.shields.io/github/stars/tomchentw/react-google-maps.svg?label=react-google-maps)](https://github.com/tomchentw/react-google-maps) [![](https://img.shields.io/github/stars/istarkov/google-map-react.svg?label=google-map-react)](https://github.com/istarkov/google-map-react) [![](https://img.shields.io/github/stars/ElemeFE/react-amap.svg?label=react-amap高德)](https://github.com/ElemeFE/react-amap)
Emoji | [![](https://img.shields.io/github/stars/missive/emoji-mart.svg?label=emoji-mart)](https://github.com/missive/emoji-mart)
右键菜单 | [![](https://img.shields.io/github/stars/vkbansal/react-contextmenu.svg?label=react-contextmenu)](https://github.com/vkbansal/react-contextmenu/) [![](https://img.shields.io/github/stars/fkhadra/react-contexify.svg?label=react-contexify)](https://github.com/fkhadra/react-contexify)
提示 | [![](https://img.shields.io/github/stars/atomiks/tippyjs.svg?label=tippyjs)](https://github.com/atomiks/tippyjs) [![](https://img.shields.io/github/stars/FezVrasta/popper.js.svg?label=popper.js)](https://github.com/FezVrasta/popper.js)
快捷键 | [![](https://img.shields.io/github/stars/jaywcjlove/hotkeys.svg?label=hotkeys.js)](https://github.com/jaywcjlove/hotkeys) [![](https://img.shields.io/github/stars/jaywcjlove/react-hotkeys.svg?label=react-hotkeys)](https://github.com/jaywcjlove/react-hotkeys)
分割面板 | [![](https://img.shields.io/github/stars/tomkp/react-split-pane.svg?label=react-split-pane)](https://github.com/tomkp/react-split-pane)
图片裁切 | [![](https://img.shields.io/github/stars/DominicTobias/react-image-crop.svg?label=react-image-crop)](https://github.com/DominicTobias/react-image-crop)
趋势线 | [![](https://img.shields.io/github/stars/borisyankov/react-sparklines.svg?label=react-sparklines)](https://github.com/borisyankov/react-sparklines)
关键字高亮 | [![](https://img.shields.io/github/stars/bvaughn/react-highlight-words.svg?label=react-highlight-words)](https://github.com/bvaughn/react-highlight-words)
动画 |  [![](https://img.shields.io/github/stars/react-tools/react-move.svg?label=react-move)](https://github.com/react-tools/react-move)
其它 | [![](https://img.shields.io/github/stars/danilowoz/react-content-loader.svg?label=react-content-loader)](https://github.com/danilowoz/react-content-loader)
{'fraction_non_alphanumeric': 0.22349768875192605, 'fraction_numerical': 0.0021571648690292757, 'mean_word_length': 5.6061068702290076, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 194, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6633710', 'n_tokens_mistral': 5468, 'n_tokens_neox': 5116, 'n_words': 222}