地图

• react-googlemaps - 反映Google地图的界面
  
• react-maps - React的映射组件
  
• react-google-maps - React.js Google Maps集成组件
  
• react-gmaps - React.js的Google Maps组件
  
• react-map-gl - MapboxGL-js加上覆盖API的React包装器
  
• google-map-react - Isomorphic google map React组件
  
• react-mapbox-gl - 一个mapbox-gl-js包装器，使APIReact友好
  
• google-maps-react - 使用React，延迟加载依赖项，当前位置查找器和Fullstack React团队的测试驱动方法的声明式Google Map React组件。
  
• react-leaflet - 用于Leaflet映射的React组件
  
• react-geo - 使用react，antd和ol的一组与地理相关的组件
  
• pigeon-maps - 没有外部依赖关系的ReactJS映射
  

图表

• DevExtreme React Chart - 基于高性能插件的Bootstrap和Material Design的React图表
  
• react-chartjs - 使用chart.js的常见React图表组件
  
• react-stockcharts - 具有ReactJS和d3的高度可定制的股票图表
  
• Number Picture - 使用React和D3构建动画可视化的低级构建块。
  
• Victory - 用于构建交互式数据可视化的可组合React组件的集合
  
• Recharts - 一个基于D3的图表库，带有一个很棒的声明式API
  
• React-ApexCharts - ApexCharts的React组件（交互式SVG图表库）
  
• reaviz - 基于D3.js的React数据可视化库
  
• react-vis - 一个React可视化库，其设计考虑了以下原则：React友好，高级和可定制，富有表现力和行业强大。
  
• nivo - 它提供了丰富的数据可视化组件，构建在D3和React库之上。
  
• vx - 可重用的低级可视化组件的集合。它结合了D3的强大功能，可以利用React的优势生成可视化，以更新DOM。
  
• echarts-for-react - 一个非常简单的ECharts React包装器。
  
• Chartify - 使用CSS构建图表的React插件。
  
• Semiotic - 结合了React和D3的数据可视化框架。
  

React原生

使用React构建本机应用程序的框架

• React本机常规资源
  
• React原生官方网站
  
• React Native GitHub
  
• React原生通讯
  
• React本机游乐场
  
• React Native Awesome List
  
• React Native StackOverflow
  
• React原生无线电
  

React原生教程

• React Native Tutorial
  
• 介绍React Native：使用JavaScript构建应用程序
  
• React Native简介：使用JavaScript构建iOS应用程序
  
• React Native符合异步函数
  
• React Native中的手势检测 - 修复意外的平移
  
• Digital Smart Mirror lab with React Native
  
• React Native的美丽：使用JavaScript构建您的第一个iOS应用程序（第1部分）
  
• React Native的美丽：使用JavaScript构建您的第一个iOS应用程序（第2部分）
  
• React Native Flexbox上的迷你课程
  
• Flexbox完整指南
  
• Test driving react native applications
  
• 在TypeScript中使用React Native
  

React原生开发工具

• react-native-code-push - 用于CodePush的React Native模块
  

React原生样本应用程序

• HackerNews
  
• Ziliun
  
• FinanceReactNative
  
• SplashWalls
  
• NBAreact
  

React Native Boilerplates

• 创建React Native App - 在没有构建配置的任何操作系统上创建React Native应用程序，包含或不包含Expo
  
• Snowflake - 使用Redux，Parse.com，Jest（88％覆盖率）React原生iOS和Android
  
• Ignite - React Native，样板，插件，生成器等最热门的CLI！
  
• React Native Starter Kit - 一个强大的入门项目，用于引导您的移动应用程序的开发
  

React Native Awesome Components

• Expo - 用于制作跨平台移动应用程序的世博会平台
  
• react-navigation - React Native应用程序的路由和导航
  
• react-native-social-share - 使用React Native的iOS和Android原生Twitter和Facebook共享弹出窗口
  
• react-native-fbsdk - 围绕iOS Facebook SDK的包装器
  
• react-native-side-menu - 用于创建侧边菜单的简单可自定义组件
  
• react-native-mapbox-gl - Mapbox GL对原生模块做出React
  
• react-native-icons - React Native中的快速简单图标
  
• react-native-vector-icons - 用于React Native的3000个可自定义图标，支持NavBar / TabBar
  
• react-native-google-signin - Google Signin for React Native
  
• React天然选取器模态视
  

ReactAR / VR

React用于增强和虚拟现实的用法

• React 360 - 使用React创建令人兴奋的360和VR体验
  
• Viro React - 使用React Native快速构建AR / VR应用程序的平台
  

ReasonReact

ReactJS的原因绑定

• ReasonReact官方网站
  

Flux

用于构建用户界面的应用程序架构

Flux一般资源

• Flux官方网站
  
• Flux GitHub
  

Flux实现

• Flux Comparision
  
• RefluxJS
  
• Fluxxor
  
• Marty
  
• McFly
  
• Alt
  
• Fluxible
  
• NuclearJS
  
• Flummox
  
• Coflux
  
• MobX
  
• Sinux
  

Flux教程

• 使用React和Flux构建应用程序
  
• Flux：构建客户端应用程序的简单架构模型
  
• 使用来自Yahoo的Dispatchr和Fetchr的Isomorphic Flux示例
  
• 使用React.js和Flux进行异步请求
  
• 在CoffeeScript中实现Flux
  
• React：Flux Architecture
  
• 了解Flux
  
• 在Flux中哟
  
• React.js架构 - Flux VS Reflux
  
• 避免单页应用程序中的事件链
  
• ReactJS和Flux
  
• 解构ReactJS的流量
  
• Flux一步一步
  
• 实践中的流量
  
• 什么是Flux应用程序架构？
  
• React + Flux由Rails API支持：第1部分
  
• Reails + Flux由Rails API支持：第2部分
  
• Reails + Flux由Rails API支持：第3部分
  
• Flux解决方案通过实例比较
  
• Flux Cargo-Culting
  
• 通量案例
  
• Flux框架的演变
  
• 通过示例与Flux作出React - 解析了一个简单的Todo List
  
• 从入门到放弃！- 初学者教程
  
• 使用React和Nuclear JS的简单计数器应用程序
  
• LearnCode.academy Flux教程系列
  

Redux

JavaScript应用程序的可预测状态容器

Redux通用资源

• Redux GitHub
  
• Redux官方网站
  
• 很棒的Redux列表
  

Redux工具

• react-redux - Redux的官方React绑定
  
• redux-devtools - Redux的DevTools，具有热重新加载，动作重放和可自定义的UI
  
• react-router-redux - 保持react-router和redux同步的绑定
  
• redux-form - 使用react-redux保持形状状态的高阶组件
  
• redux-thunk - 用于redux的Thunk中间件
  
• redux-logger - 用于redux的Logger中间件
  
• reselect - Redux的选择器库
  
• normalizr - 根据模式规范化嵌套JSON
  
• redux-saga - Redux应用程序的另一种副作用模型
  
• redux-data-fx - Redux的声明性副作用
  
• redux-observable - Redux的RxJS中间件
  
• redux-analytics - Redux的分析中间件
  
• redux-undo - 用于向redux状态容器添加撤消/重做功能的高阶减少器
  
• redux-search - 用于客户端搜索的Redux绑定
  
• redux-mock-store - 用于测试redux异步动作创建器和中间件的模拟存储
  
• redux-immutable - 创建一个与Immutable.js状态一起使用的Redux combineReducers的等效函数
  
• redux-react-i18n - 用于还原/React的i18n溶液
  
• R16N - 还原/ReactI18n溶液
  
• redux-actiontyper - Helper为Redux创建更简洁的动作类型
  
• redux-state-validator - 一个简单的redux中间件，用于使用JSON Schema验证redux状态值和对象类型
  
• redux-persist - 坚持并补充redux商店
  

Redux教程

• 在ES6中使用React和Redux构建应用程序
  
• Redux入门
  
• 使用惯用Redux构建React应用程序
  
• Redux教程
  
• React，Redux和Immutable入门：测试驱动的教程：第1部分
  
• React，Redux和Immutable入门：测试驱动的教程：第2部分
  
• 全栈Redux教程
  
• 使用Redux和React-Router进行服务器端渲染
  
• Redux深度介绍
  
• 单元测试Redux应用程序
  
• 使用JWT身份验证保护您的React和Redux应用程序
  
• 使用React，Redux和redux-saga构建图像库
  
• 使用redux调用API的简化方法
  
• 基于React Redux的献血者演示应用程序
  
• LearnCode.academy Redux教程系列
  
• 实用的Redux
  
• 初学者的完整React Redux教程
  

MobX

JavaScript应用程序的简单，可扩展状态管理

MobX通用资源

• MobX GitHub
  
• MobX官方网站
  

MobX工具

• mobx-react - React组件包装器，用于将React与MobX结合使用
  

MobX教程

• 10分钟介绍MobX和React
  
• 使用MobX管理React应用程序中的复杂状态
  
• 将您的应用程序从Redux重构为MobX
  
• Redux或MobX：尝试解散混乱
  

GraphQL

查询语言

GraphQL规范

• GraphQL官方网站
  
• GraphQL规范
  
• GraphQL规范库
  

GraphQL工具

• GraphCMS - GraphQL无头CMS
  
• GraphQL CMS
  
• Mongoose模式到GraphQL
  
• GraphQL桥接到REST API
  
• GraphQL Playground - GraphQL IDE，用于更好的开发工作流程
  

GraphQL教程

• GraphQL简介
  
• 关于GraphQL的第一个想法
  
• 以类似的方式在GraphQL中建模查询
  
• Thin and Graphy
  
• GraphQL概述 - GraphQL和Node.js入门
  
• 使用GraphQL编写基本API
  
• 使用Node.js和SQL构建GraphQL服务器
  
• GraphQL Tour：变量
  
• 如何Graphql - GraphQL的Fullstack教程
  

GraphQL实现

• graphql-js - GraphQL for JavaScript的参考实现
  
• react-transmit - 基于JavaScript Promises的Relay-inspired库
  
• graphql-ruby - Facebook的GraphQL的Ruby实现
  
• graphql-java - GraphQL Java实现
  
• sangria - Scala GraphQL客户端和服务器库
  
• graphql-php - GraphQL参考实现的PHP端口
  
• graphene - Python中的GraphQL变得简单
  
• graphqllib - Python的GraphQL实现
  
• graphql-dotnet - 用于.NET的GraphQL
  
• graphql-go - Go / Golang的GraphQL
  

服务器集成

• express-graphql - 使用Express创建GraphQL HTTP服务器
  
• graphql-yoga - 运行GraphQL服务器的最简单方法
  

数据库集成

• Hasura - Postgres上的即时实时GraphQL
  
• Prisma - 一个高性能的开源GraphQL ORM-like层，可以在GraphQL服务器中完成繁重的任务。
  
• graphql-bookshelf - 一些帮助定义BookshelfJS模型周围的GraphQL架构
  
• GraphpostgresQL - PostgreSQL的GraphQL
  
• graffiti - Node.js GraphQL ORM
  
• sql-to-graphql - 根据您的SQL数据库结构生成GraphQL API
  
• graphql-sequelize - 通过Sequelize实现MySQL和Postgres的GraphQL和Relay
  

Relay

数据驱动的React应用程序

Relay一般资源

• 接力官方网站
  
• 接力GitHub
  

Relay教程

• 官方接力入门
  
• 视觉学习者的接力
  
• Getting Started with Relay
  
• Relay and Routing
  

Relay工具

• graphql-relay-js - 一个帮助构建支持react-relay的graphql-js服务器的库
  
• react-router-relay - React Router的中继集成
  
• relay-local-schema - 在没有GraphQL服务器的情况下使用Relay
  
• relay-codemod - 基于jsodeshift的Codemod脚本，用于更新中继API
  

Apollo

基于GraphQL的数据堆栈

阿波罗综合资源

• 阿波罗官方网站
  
• Apollo GitHub
  
• 阿波罗博客
  
• Apollo Slack
  

Apollo工具

• react-apollo-redux - 一个小包装器，用于响应阿波罗突变自动发送动作
  

影片

• reactjsvideos.com
  

重要会谈

• Pete Hunt：React：重新思考最佳实践 - JSConf EU 2013
  
• Pete Hunt：React：重新思考最佳实践（更新） - JSConf.Asia 2013
  
• Tom Occhino和Jordan Walke：Facebook上的JS应用程序 - JSConfUS 2013
  
• React：JS中的CSS
  
• Pete Hunt：可预测，不正确 - Mountain West JavaScript 2014
  
• 黑客方式：重新思考Facebook上的Web应用程序开发
  
• Christopher Chedeau：为什么React Scale？- JSConf2014
  
• Christopher Chedeau：React的架构 - OSCON 2014
  
• Pete Hunt：ReactRESTful UI渲染 - 奇怪的循环2014
  
• Pete Hunt：Instagram.com如何运作 - OSCON 2014
  
• Bill Fisher和Jing Chen：React和Flux - NewCircle Training 2014
  
• Sebastian Markbage：最小的API表面积 - JSConf EU 2014
  
• Avik Chaudhuri：规模的JavaScript测试和静态类型系统 - 规模2014
  
• React Native＆Relay：为移动设备带来现代网络技术 - f8 2015）
  
• Citrusbyte推出GraphQL：与Nick Schrock合作的横向平台
  
• Laney Kuenzel：接力中的突变和订阅 - JSConf 2015
  
• React今天和明天和90％清洁React与钩子 - React Conf 2018
  
• React会议
  
• React视频
  
• 令人敬畏的React会谈
  
• React.js Conf 2015播放列表
  
• ReactEurope Conf 2015第1天播放列表
  
• ReactEurope Conf 2015第2天播放列表
  
• ReactRally Conf 2015播放列表
  
• React.js Conf 2016播放列表
  
• React Amsterdam 2016播放列表
  
• ReactEurope Conf 2016第1天播放列表
  
• ReactEurope Conf 2016第2天播放列表
  
• ReactRally Conf 2016播放列表
  
• React.js Amsterdam 2018播放列表
  

视频教程

• 第一次和Dan Abramov一起尝试React Hooks
  

演示

• React和React原住民博物馆
  
• react.rocks - 具有可用代码的Pinterest风格的在线演示目录
  
• react-hn - 一个React＆react-router-powered of Hacker News
  
• react-pokemon - 用于显示神奇宝贝的React组件
  
• React + Backbone TodoMVC
  
• React + NestedTypes TodoMVC
  
• react-rxjs-todomvc - 使用React和RxJS实现TodoMVC
  
• react-mvc - 用React和纯MVC编写的示例聊天应用程序
  
• react-observe-todomvc - 在React和Object.observe之上构建的TodoMVC实现
  
• react-lights-out - React框架功能和灵活性的简单演示
  
• todomvc-swarm - 使用Swarm进行实时协作的React TodoMVC实现
  
• reactodo - 使用React构建的多个localStorage TODO列表
  
• lifequote - 人寿保险快速报价申请的React端口
  
• reactor-demo - 使用React的同构Javascript应用程序
  
• imgible - 基于React的Imgur-like同构演示应用程序
  
• wow-realm-status-react - React - 魔兽世界状态：React版
  
• react-json-editor - 一个通用的JSON编辑器
  
• react-todos - Backbone的示例TODO应用程序与React JS的视图
  
• github-issues-viewer - github在react + backbone中发出查看器构建
  
• wolfenstein3D-react - Wolfenstein用React编写的渲染层
  
• Flux ImmutableJS TodoList
  
• Hapi + React + Flux用户管理系统
  
• Redux TodoMVC
  
• React / Redux CRUD在本地存储中具有持久状态
  
• React Slack克隆 - 使用React和Chatkit构建的综合Slack克隆
  
• React颜色漂移 - 与React的生成艺术
  
• overreacted.io - Dan Abramov的个人博客
  

示例应用

• isomorphic500 - 使用React和Fluxible构建的同构JS应用程序
  
• fil - 浏览器中解释器的游乐场（Redux）
  
• sound-redux - 使用React / Redux构建的Soundcloud客户端
  
• react-pomodoro - 开发人员的番茄钟计时器
  
• Do - 使用React和Redux构建的Notes管理应用程序
  
• soundcloud-react-redux - 使用React / Redux构建的SoundCloud客户端
  
• soundcloud-react-mobx - 使用React / MobX构建的SoundCloud客户端
  
• 用React和Redux重新实现Winamp 2.9
  
• ComingOrNot - 使用react，react-router，redux，graphQL和无服务器构建的Event Planner
  
• React Reduction - 使用React + Bootstrap4构建的Admin Dashboard
  
• React Code Splitting Sample - React + React Router + Flux
  
• 响应式React'电影数据库'（TMDb）应用程序
  
• CoreUI - 使用React和Bootstrap 4构建的免费管理面板
  
• react-shopping-cart - 使用React和Redux构建的简单电子商务购物车应用程序
  
• hackernews-react-graphql - 使用React和GraphQL用通用JavaScript重写的黑客新闻克隆
  

真正的应用

• Firefox调试器
  
• 远程复古 - 分布式团队的敏捷回顾
  
• Spectrum - 简单，强大的在线社区
  
• Mattermost - 开源Slack替代品