docs: more recommended react libraries, #12636

docs/react/recommendation.en-US.md

@@ -8,8 +8,8 @@ title: Third-Party Libraries
 Category | Recommended Components
 ---------|-----------------------
 Router | [react-router](https://github.com/ReactTraining/react-router)
-Layout | [react-blocks](http://whoisandy.github.io/react-blocks/) [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid)
-Drag and drop | [react-dnd](https://github.com/gaearon/react-dnd)  [react-draggable](https://github.com/mzabriskie/react-draggable)
+Layout | [@rebass/grid](https://github.com/rebassjs/grid) [react-blocks](http://whoisandy.github.io/react-blocks/) [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid)
+Drag and drop | [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)
 Code Editor | [react-codemirror2](https://github.com/scniro/react-codemirror2)
 Rich Text Editor | [react-quill](https://github.com/zenoamaro/react-quill)  [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg) [react-lz-editor (Ant Design style)](https://github.com/leejaen/react-lz-editor) [braft-editor](https://github.com/margox/braft-editor)
 Color Picker | [rc-color-picker](https://github.com/react-component/color-picker) [react-color](http://casesandberg.github.io/react-color/)
@@ -27,6 +27,9 @@ Infinite Scroll | [react-virtualized](https://github.com/bvaughn/react-virtualiz
 Map | [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)
 Context Menu | [react-contextmenu](https://github.com/vkbansal/react-contextmenu/) [react-contexify](https://github.com/fkhadra/react-contexify)
 Emoji | [emoji-mart](https://github.com/missive/emoji-mart)
+Split View | [react-split-pane](https://github.com/tomkp/react-split-pane)
+Image Crop | [react-image-crop](https://github.com/DominicTobias/react-image-crop)
+Trend Lines | [react-sparklines](https://github.com/borisyankov/react-sparklines)
 
 <style>
 .markdown table td:first-child {

docs/react/recommendation.zh-CN.md

@@ -8,8 +8,8 @@ title: 社区精选组件
 类型 | 推荐组件
 ----|--------
 路由 | [react-router](https://github.com/ReactTraining/react-router)
-布局 | [react-blocks](https://github.com/whoisandy/react-blocks) [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid)
-拖拽 | [react-dnd](https://github.com/gaearon/react-dnd) [react-draggable](https://github.com/mzabriskie/react-draggable)
+布局 | [@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-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-codemirror2](https://github.com/scniro/react-codemirror2)
 富文本编辑器 | [react-quill](https://github.com/zenoamaro/react-quill) [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg) [react-lz-editor（Ant Design 风格）](https://github.com/leejaen/react-lz-editor) [braft-editor](https://github.com/margox/braft-editor)
 拾色器 | [rc-color-picker](https://github.com/react-component/color-picker) [react-color](http://casesandberg.github.io/react-color/)
@@ -27,6 +27,9 @@ Markdown 渲染 | [react-markdown](http://rexxars.github.io/react-markdown/)
 地图 | [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)
 右键菜单 | [react-contextmenu](https://github.com/vkbansal/react-contextmenu/) [react-contexify](https://github.com/fkhadra/react-contexify)
 Emoji | [emoji-mart](https://github.com/missive/emoji-mart)
+分割面板 | [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)
 
 <style>
 .markdown table td:first-child {