React组件总结

UI组件

Table / Grid

1. reactable
2. ag-grid
3. react-datagrid
4. griddle-react
5. react-data-grid
6. react-data-components
7. react-bootstrap-table
8. reactabular
9. react-pivot
10. fixed-data-table
11. autoresponsive-react
12. sematable

滚动加载

1. react-lazyload
2. react-infinity
3. react-infinite
4. react-infinite-grid
5. react-list
6. react-virtualized

模态框

1. react-dock
2. react-overlays
3. boron
4. react-modal2
5. react-modal
6. react-skylight
7. rodal
8. react-modal-box
9. react-aria-modal

提示框

1. react-notification-system
2. react-notification
3. react-s-alert
4. react-crouton

菜单

1. react-burger-menu
2. react-sidebar
3. react-motion-menu
4. react-offcanvas
5. react-tree-menu
6. react-metismenu

Sticky(粘性布局)

1. react-sticky
2. react-headroom
3. react-listview-sticky-header
4. react-sticky-state
5. react-stickynode

Tabs

1. react-tabs
2. react-simpletabs
3. react-tabtab

Loading/进度条

1. halogen
2. react-ladda
3. react-progress-button
4. react-loader
5. react-spinkit
6. react-progress-label
7. react-redux-loading-bar

轮播

1. react-slick
2. react-swipe

Charts

1. react-chartist
2. d3-react-squared
3. react-d3-components
4. recharts
5. react-chartjs
6. react-dazzle
7. react-vis
8. react-sparkline
9. react-sparklines
10. rumble-charts
11. react-micro-bar-chart
12. react-timeseries-charts
13. react-google-charts

Tree

1. react-treeview
2. react-ui-tree
3. react-treebeard

UI Navigation

1. react-scroll
2. react-swipe-views

滚动条

1. react-custom-scrollbars
2. react-scrollbar
3. react-smooth-scrollbar
4. react-gemini-scrollbar
5. react-custom-scroll

Audio / Video

1. react-player
2. react-youtube
3. react-soundplayer
4. react-video
5. react-music
6. react-dailymotion

Map

1. react-gmaps
2. google-map-react
3. react-googlemaps
4. react-leaflet
5. react-geosuggest
6. react-map-gl

时间处理

1. react-time
2. react-timeago

图片处理

1. react-image-gallery
2. react-images
3. react-photo-gallery
4. react-svg-pan-zoom

图片加载

1. react-lazyload
2. react-infinity
3. react-infinite
4. react-infinite-grid
5. react-virtualized
6. react-lazy-load

其他

1. react-timesheet
2. react-intl
3. react-blur
4. react-split-pane
5. typography
6. react-paginate
7. react-json-tree
8. react-icons
9. react-emoji
10. react-resizable-and-movable
11. react-dnr
12. react-resizable-box
13. react-file-reader-input
14. react-pagespeed-score
15. react-autolink
16. react-svg-buttons
17. react-avatar
18. react-joyride
19. material-color-hash

表单组件

时间控件

1. react-datepicker
2. rc-calendar
3. react-date-range
4. react-day-picker
5. react-daterange-picker
6. react-yearly-calendar
7. react-calendar
8. input-moment
9. react-datetime
10. react-bootstrap-datetimepicker
11. react-bootstrap-daterangepicker
12. react-big-calendar
13. react-date-select
14. react-infinite-calendar

富文本编辑器

1. react-quill
2. react-ace
3. react-contenteditable
4. react-codemirror
5. react-medium-editor
6. draft-js
7. ritzy
8. megadraft

Color选择器

1. react-input-color
2. react-color
3. coloreact

Markdown

1. react-markdown
2. react-md-editor
3. react-markdown-editor

UI布局

1. rgx
2. react-flexbox
3. react-masonry-mixin
4. react-inline-grid
5. react-layout-components
6. react-grid-layout
7. react-masonry-component
8. react-flexbox-grid
9. react-stonecutter
10. flexbox-react
11. autoresponsive-react
12. golden-layout
13. reactwm

UI动画

1. react-tween-state
2. react-motion
3. react-transitive-number
4. react-spark-scroll
5. react-motion-ui-pack
6. react-magic-move
7. velocity-react
8. react-track
9. rc-animate
10. react-router-transition
11. react-gsap-enhancer
12. react-mt-svg-lines
13. react-flip-move
14. react.animate
15. react-anime
16. animakit-rotator
17. animakit-elastic
18. animakit-expander
19. react-atv-img
20. react-parallax-component

UI框架

PC

1. elemental
2. rctui
3. belle
4. react-uikit-components
5. searchkit
6. rebass
7. react-foundation-apps
8. grommet

Mobile

1. onsenui
2. reactionic
3. touchstonejs

代码设计

数据管理等

1. react-redux
2. fluorine-lib
3. redux-batched-actions
4. react-i13n
5. shasta
6. react-redux-provide
7. redux-batched-subscribe
8. reflux
9. fluxxor
10. dispatchr
11. alt
12. baobab-react
13. reselect
14. react-controllables
15. recompose
16. redux-ui
17. redux
18. mobx-react
19. cerebral

路由

1. react-router
2. react-router-component
3. redux-router
4. react-router-scroll
5. universal-router
6. rrtr
7. react-router-redux
8. react-breadcrumbs
9. monorouter
10. cerebral-module-router

CSS / Style

1. react-responsive
2. react-css-modules
3. aphrodite
4. postcss-js
5. react-inline-css
6. classnames
7. react-container-query
8. react-look
9. stilr
10. react-css-components
11. inline-style-prefixer

HTML模板

1. jsx-control-statements
2. react-templates
3. hyperx

Tests

1. ui-harness
2. redux-test-recorder
3. legit-tests
4. unexpected-react
5. chai-enzyme
6. react-unit
7. enzyme
8. redux-ava
9. carte-blanche

开发工具

1. redux-devtools-inspector
2. redux-devtools-chart-monitor
3. redux-devtools-dock-monitor
4. redux-devtools-filterable-log-monitor
5. redux-devtools-log-monitor
6. remote-redux-devtools
7. redux-devtools

文章作者: Javan

文章链接: http://www.javanx.cn/20180913/react-plug/