阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      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 套件库[官网](http://uxco.re http://uxcore.coding.me)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框架[官网](https://styled-components.com react css-in-js styled-components css)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
      目录
      目录