React 生态圈

🌙
手机阅读
本文目录结构

React 生态圈

React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库,是为了解决构建随着时间数据不断变化的大规模应用程序。

react 的生态体系比较庞大,它在 web 端,移动端,服务器端,VR 领域都有涉及。

react 可以说是目前为止最热门,生态最完善,应用范围最广的前端框架,虽说不能完虐 vuejs,但是设计理念还是超出 vue 很多的。

react 结合它的整个生态,它可以横跨 web 端,移动端,服务器端,乃至 VR 领域。

可以毫不夸张地说,react 已不单纯是一个框架,而是一个行业解决方案。

下面就来说说 react 庞大生态体系的构成。

注释:下面的 Star 和 Fork 值是在 年 12 月 1 日统计的;当你看到这篇文章的时候,他们可能已经变化了;因为它仅仅是作为参考作用的,所以阿西河没有对它进行动态调用;

该篇文章目前还没有整理好

应用

框架

React_Package_Name描述StarFork
preact一个快速轻量的 React 替代方案,具有 ES6 API、组件化和虚拟 DOM226491176
taro多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用。225802590
react-native-web将 React Native 平台无关的组件和 API 搬到了 Web 上151741250
dva基于 React 和 redux 的轻量级框架140782691
relayRelay 是一个 JavaScript 框架,用于构建数据驱动的 React 应用程序。137381372
reactxp微软推出的基于 React 和 React Native 的跨平台应用程序开发库。7712548
react-static基于 React 的渐进式静态网站开发框架7486640
refluxjs一个简单的单向数据流应用程序架构库,受 Flux 启发的 React 扩展5429357
umi极快的类 Next.js 的 React 应用框架6352821
react-web使用 React 构建 Web 应用程序的框架。3405481
react-weui一套 react 的 weui 组件2576492
react-snap一个零配置的静态 SPA 单页应用预渲染框架 2992201
react-pwa基于 React 的 PWA 应用开发框架2175247
react-starter-kit完美使用 React, Redux, and React-Router!好用的脚手架1746421
Vulcan一个使用 React,GraphQL 和 Meteor 快速构建应用的工具包76892055

构建工具 / 脚手架

React_Package_Name描述StarFork
create-react-app无需配置文件快速创建 React 应用(最好用的脚手架)7333317179
react-boilerplate一个简单灵活的 React 脚手架(专注于性能和最佳实践的)240334927

模板引擎

React_Package_Name描述StarFork
htm使用标准标记模板的 JSX 替代方案5272104

测试框架

React_Package_Name描述StarFork
reactjs_koansLearn basics of React.js making the tests pass3109460
essential-reactA minimal skeleton for building testable React apps using ES62053145

实用工具

React_Package_Name描述StarFork
react-routerReact 的申明式路由382827812
gatsby一个 React.js 静态站点生成工具,能够利用最新的技术将你的文本和数据转换成博客和站点398896621
react-reduxReact 官方的 Redux 绑定183602719
react-sketchapp为 Sketch 渲染 React 组件,为设计系统量身定做13925774
InkAn HTML5/CSS3 framework used at SAPO for fast and efficient website design and prototyping1918278
react-slingshotReact + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in94931655
react-360使用 React 创建的 360 全景和 VR76371043
react-pxq一个 react + redux 的完整项目 和 个人总结64772004
guppy? 一个友好的 React.js 应用管理和任务运行器2971154
vuera无缝集成 React 和 Vue,实现在 React 中使用 Vue 组件,Vue 中使用 React 组件2584119
js-lingui在 Javascript 和 React 中实现具有类型检查的直观的 i18n 国际化2458160
echarts-for-react一个简单的 echarts(v3.0) 的 react 封装2317324
reactopt一个 React 性能优化 CLI 工具,能够发现潜在的没必要的渲染工作197054
react-with-gesture?React 鼠标 / 触摸手势工具库1543
ranReact + GraphQL + Next.js 工具箱1898166
react-copy-write✍️ 简单的 React 状态管理器177155
react-tv使用 React 开发电视(TV)应用(渲染低内存的应用以及打包 WebOS1784137

开发助手

React_Package_Name描述StarFork
structorUser interface builder for React5543441

游戏引擎

React_Package_Name描述StarFork
boardgame.io基于 React 的游戏框架,该框架允许游戏开发者将游戏的规则转化为一系列的简单函数7600477
react-game-kit利用 React 和 React Native 开发游戏的组件库4221289

界面 / 组件

框架

React_Package_Name描述StarFork
material-ui集成 Google Material 设计的 React 组件5209312918
react-bootstrap基于 React 的 Bootstrap 3 组件166122697
blueprint一个 React UI 工具组件库151121410
react-toolbox一系列集成 Material 设计风格和 CSS 模块的 React 组件85211050
react-desktop模拟 macOS 和 Windows 10 桌面效果的 React UI 组件8466430
rebass一个原生的 React UI 组件库5880377
grommet针对企业应用的先进的 UX 框架5560674
nerv京东凹凸实验室推出的一款基于 Virtual DOM 的类 React 组件框架4960281
elemental一个针对 React.js 的灵活的、漂亮的 UI 框架4274238
mui轻量级的 CSS 框架4272456
react-responsiveMedia queries in react for responsive design4177225
gestalt一组支持 Pinterest 设计语言的 React UI 组件库3296211
rsuite一套 React 的 UI 组件库3416220
react-kawaii一组可爱的 React UI 组件215285
uiw icons从 uiw 组件库抽离出来的图标字体官网Github
react-native-vector-iconsReact Native的自定义图标支持官网Github
UXCore专注于企业系统开发的 React PC 套件库官网Github
awesome-react-componentsReact 组件/库集合-Github
Elemental UI一个针对 React.js 的灵活的、漂亮的 UI 框架官网Github
React Suite一套 React 组件库,为后台产品而生官网Github
evergreen一个开源的React UI框架官网Github
React95Windows 95 UI设计启发的React组件库官网Github

实用工具

React_Package_Name描述StarFork
react-sortable-hoc一组能将任意列表转换为可拖动排序的 React 高阶组件7392665

动画

React_Package_Name描述StarFork
react-motion一个 React 弹性动画库,使用 0-10 的弹性参数进行动画处理。17501912
react-moveReact Move - 一个 React 动画组件6039185
velocity-reactReact components for Velocity.js2940157
react-tween-stateReact animation.174184

通知提示

React_Package_Name描述StarFork
react-notifications-component高可配的易于使用的 React 提示组件66028

表单

富文本编辑器

React_Package_Name描述StarFork
draft-jsFacebook 推出的在 React 中创建富文本编辑器的解决方案,更多地是一个原型,所以支持深度定制169291860
react-md-editor基于 Markdown 的 React.js 编辑器组件46773

日期时间

React_Package_Name描述StarFork
react-date-rangeA React component for choosing dates and date ranges.1309344
recal一个轻量级的 React / Preact 日期选择器1929

颜色(选择器)

React_Package_Name描述StarFork
react-color功能强大的颜色选择器组件,有 Sketch, Photoshop, Chrome 等风格可供选择7635636

表单美化

React_Package_Name描述StarFork
react-select为 React JS 打造的包含多选、自动完成、ajax 支持的下拉框183843354

实用工具

React_Package_Name描述StarFork
react-datasheet类似 Excel 数据表格的 react 组件3714309
react-spreadsheet-grid类似于 Excel 的 React 表格组件,可自定义单元格编辑器90249

图像图表

图形库

React_Package_Name描述StarFork
vxreact + d3 = vx(react 结合 D3 实现的图标库)可视化组件6517
react-konvaReact + Canvas = 使用 React 进行复杂 canvas 绘图的 JavaScript 库2948140

轮播

React_Package_Name描述StarFork
react-swipeable-views一个 React 轮播组件3222338

灯箱

React_Package_Name描述StarFork
react-medium-image-zoomMedium.com 样式的图片放大 React 组件68265

图表可视化

React_Package_Name描述StarFork
recharts基于 React 和 D3 构建的号称重新定义图表的插件12685974
react-chartkickReact 应用中一行代码创建 JavaScript 图表110751
rc-bmap基于 React 的百度地图组件84741

图片处理

React_Package_Name描述StarFork
react-imgproReact 图片处理组件2129106
react-shimmer图片加载的过程中模拟微光效果 ? 的 React 图片组件48715
react-image-appear有过渡效果显示图片的 ReactJS 组件21612

多媒体

视频

React_Package_Name描述StarFork
video-react一个 HTML5 web 视频播放器的 React 组件1515242

移动端

框架

React_Package_Name描述StarFork
react-native一个基于 React 的创建原生 APP 的框架8250718464
react-native-elementsReact Native UI 组件库32
react-native-ui-kitten可定制和可重用的 react-native 组件包5250626

Node.js

框架

React_Package_Name描述StarFork
next.js为 React 应用打造的服务端渲染框架423165617
mern-starter一个创建通用的 React 应用的强大模板52331242

内容管理系统

React_Package_Name描述StarFork
firekylin奇舞团开发的一款基于 ThinkJS & React & ES2015+ 的 Node.js 博客系统1694389

文档生成

React_Package_Name描述StarFork
redocx用 React 创建 Word 文档124073

qita

React_Package_Name描述WebsiteGithub
relax基于 React 和 Node.js 的下一代 CMS 系统-Github
cannerCMSReact JSX中的通用CMS框架官网Github
enzyme一个用于 React 的 JavaScript 测试工具官网Github
inkReact 打造的的交互命令行工具-Github
Electrode一个用于构建通用 React / Node.js 应用程序的平台-Github
NuclideFacebook专门为React开发的IDE官网Github
deco-ideReact Native集成开发环境IDE官网Github
CodeSandbox在线写React,自动编译,有代码提示官网-
cs-playground-reactjs常用排序算法和数据结构的交互式概述官网Github
realworld由React,Angular,Node,Django等提供支持的示例官网Github
React LoadConReact组件来操作favicon,用于加载或进度官网Github
react-native-masonry用于渲染一个图像masonry~ish布局react-native组件-Github
react-timeline-gantt用于显示和管理日历甘特图的react组件-Github
react-datesReact 日期组件官网Github
proppy.jsUI组件的功能道具组合(React.js和Vue.js)官网Github
ant-motion快速在 React 框架中使用动画官网Github
nivo.jsReact数据可视化库官网Github
React Simple Maps一个基于React创建SVG地图的组件库官网Github
react-animationsreact中的动画集合官网Github
react-spring使用于reactjs的动画工具库官网Github
react-native-chart-kitReact Native图表工具包官网Github
Chartify简单、轻量级的React.js插件来构建动画可拖动的图表官网Github
after.js使用React Router 4的React SSR应用框架官网Github
styled-components针对React写的一套css in js框架官网Github
anujs一个高级兼容React16的迷你React 框架官网Github
es4x一款支持EcmaScript >=5应用的小型运行官网Github
preactjsReact 的 3kb 轻量化方案官网Github
UmiJs(五米)支付宝推出极快的类 Next.js 的 React 应用框架官网Github
Nautil一款基于 react 的响应式开发框架官网Github
react-server构建React应用的一个Express 中间件官网Github

手机

React_Package_Name描述WebsiteGithub
React Belle一个React组件库官网Github
react-native-ui-libReact Native的UI组件库和工具集官网Github
react-native-sideswipe简单跨平台的React Native可滑动的组件-Github
react-virtualized高效渲染大量列表和表格数据的 React 组件官网Github
NativeBase提供给react-native使用的一系列跨平台通用的UI组件官网Github
react-use-gesture组件绑定鼠标/触摸手势的小助手-Github
vasern一个用于React Native的快速,轻量级和开源数据存储官网Github
Hermes一款小巧轻便的 JavaScript 引擎,针对在 Android 上运行 React Native 进行了优化官网Github
Ant Design Mobile一个基于 Preact / React / React Native 的 UI 组件库官网Github
alitaReact Native代码转换成微信小程序代码的转换引擎工具官网Github
bindingx基于 weex / React Native 的富交互解决方案官网Github

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

书籍推荐