关于React生态系统的一系列令人敬畏的事情。
React
React一般资源React社区React在线游乐场React教程React通用教程React钩子React和TypeScriptReact性能React内部React面试问题React工具React开发工具React框架React造型React路由React组件库React真棒组件对命令行做出ReactReact测试React库React整合形式自动完成图像模型库数据管理地图图表React原生React本机常规资源React原生社区React原生教程React原生开发工具React原生样本应用程序React Native BoilerplatesReact Native Awesome ComponentsReactAR / VRReasonReactFluxFlux一般资源Flux实现Flux教程ReduxRedux通用资源Redux工具Redux教程MobXMobX通用资源MobX工具MobX教程GraphQLGraphQL规范GraphQL工具GraphQL教程GraphQL实现服务器集成数据库集成Relay中继一般资源中继教程中继工具ApolloApollo综合资源影片重要会谈React.js Conf 2015播放列表ReactEurope Conf 2015第1天播放列表ReactEurope Conf 2015第2天播放列表ReactRally Conf 2015播放列表React.js Conf 2016播放列表ReactRally Conf 2016播放列表React.js Amsterdam 2018播放列表视频教程演示示例应用真正的应用贡献
React
用于构建用户界面的JavaScript库
React教程
React通用教程
React官方教程在Visual Studio代码中使用ReactScrimba – 以交互方式免费学习ReactFreeCodeCampReact挑战ReactCheatsheetReact模式使用React设置流程
React钩子
React钩子用React Hooks和Co
React和TypeScript
TypeScript,React和WebpackTypeScript中的JSX
React性能
React优化性能介绍React Profiler优化React:虚拟DOM解释React中优化主要性能问题的权威指南Twitter Lite和高性能Retive渐进式Web应用程序使用React DevTools Profiler诊断React App性能问题提高React性能的五大实践React很慢,React很快:在实践中优化应用程序使用react-window渲染大型列表
React内部
ReconciliationReact Fiber ArchitectureBuild your own ReactInside Fiber: In-depth overview of the new reconciliation algorithm in React
React面试问题
13个基本的React面试问题React面试问题和答案列表
React工具
React开发工具
create-react-app – 通过运行一个命令来设置现代Web应用程序react-starter-kit – 同构Web应用程序样板react-devtools – 检查Chrome和Firefox开发人员工具中的React组件层次结构react-hot-loader – 实时调整React组件react-loadable – 用于加载具有promise的组件的更高阶组件loadable-components – 简化了React代码拆分reactotron – 用于检查React和React Native项目的桌面应用程序storybook – UI组件开发和测试react-styleguidist – 隔离的React组件开发环境,带有生活方式指南react-cosmos – 用于创建可重用React组件的开发工具eslint-plugin-react – 为ESLint实现特定的linting规则eslint-plugin-jsx-a11y – 针对JSX元素的a11y规则的静态AST检查器react-axr – React应用程序的可访问性审计
React框架
next.js – React框架gatsby.js – 基于React的免费开源框架
React风格
styled-components – 组件年龄的可视原语emotion – 用于使用JavaScript编写CSS样式的库radium – 用于React组件样式的工具链jss – CSS的创作工具
React路由
react-router – React的声明性路由navi – React的声明性异步路由curi – 用于单页面应用程序的JavaScript路由器
React组件库
material-ui – React组件,可以更快,更轻松地进行Web开发ant-design – 具有自然和确定性价值的设计系统blueprint – 基于React的Web工具包office-ui-fabric-react – 用于构建Microsoft Web体验的React组件react-bootstrap – 使用React构建的Bootstrap组件reactstrap – 简单的React Bootstrap 4组件semantic-ui-react – 官方的Semantic-UI-React集成react-fontawesome – 用于React的Font Awesome 5组件库Reakit – React的可访问,可组合和可自定义的组件
React很棒的组件
Awesome的React Components列表react-select – 选择React组件react-dnd – 拖放Reactreact-grid-layout – 具有响应断点的可拖动和可调整大小的网格布局react-table – React的轻量级,快速且可扩展的数据网格react-data-grid – 使用React构建的类似Excel的网格组件react-draggable – React draggable组件react-resizable-and-movable – React的可调整大小和可拖动的组件react-resizable – 一个简单的React组件,可以使用句柄调整大小react-resizable-box – React的可调整大小的组件react-sortable-pane – React的可排序和可调整大小的窗格组件react-dates – 一个易于国际化,适合移动设备的网络日期选择器库react-big-calendar – 日历组件react-datepicker – ReactJS Datepickerreact-list – 一个多功能的无限卷轴React组件react-intl – 国际化React应用程序react-i18next – React的国际化做得对react-aria-modal – 一个完全可访问的React模态react-hotkeys – React的声明性热键和焦点区域管理react-keydown – React组件的轻量级keydown包装器react-joyride – 为您的应用创建导游react-virtualized – 用于有效渲染大型列表和表格数据的React组件react-window – 用于有效渲染大型列表和表格数据的React组件react-text-mask – React的输入掩码react-loading-skeleton – 创建自动适应您的应用程序的骨架屏幕react-spinkit – 使用CSS为React设置动画的加载指示符集合rheostat – 使用React构建的可访问滑块组件qrcode.react – 用于React的QR组件
做出React 命令行
ink – 对交互式命令行应用程序进行Reactreact-blessed – 用于祝福终端接口库的React渲染器
React测试
jest – 令人愉快的JavaScript测试框架enzyme – 针对React的JavaScript测试实用程序react-testing-library – 简单而完整的React DOM测试实用程序react-hooks-testing-library – React挂钩测试实用程序,鼓励良好的测试实践
React库
react-border-wrapper – 用于在React中沿div边界放置元素的包装器。react-magic – 利用React的强大功能自动AJAXify纯HTMLreact-toolbox – 一组实现Google Material Design规范的React组件tcomb-react – 允许您检查React组件的所有道具的库react-responsive – 媒体查询响应响应式设计react-is-responsive – 一种在React中创建响应组件的实用程序react-cursor – 用于Facebook React的功能状态管理抽象Omniscient.js – 抽象React组件,用于快速自上而下渲染不可变数据Touchstonejs – React.js支持的UI框架,用于开发漂亮的混合移动应用程序。Elemental – React.js网站和应用程序的UI工具包StateTrooper – 使用CSP集中管理React应用程序的状态Preact:使用相同的ES6 API快速3kb React替代方案。riotjs – 一个类似React的3.5KB用户界面库Maple.js – 将Web组件的概念引入Reactreact-i13n – 一种高性能,可扩展且可插拔的方法,用于检测React应用程序react-icons – svgReact流行图标包的图标Keo – Plain用于创建React组件的功能更强大的Deku方法,具有管道,memoize等功能性好处……Bit – 用于跨应用程序管理和使用React和其他Web组件的虚拟存储库AtlasKit – Atlassian的React UI库ReactiveSearch – Elasticsearch的UI组件库Slate – 用于构建富文本编辑器的完全可自定义的框架。react-animated-transitions – React中的简单动画过渡react-json-schema – 通过将JSON定义映射到您公开的React组件,构造来自JSON的React元素。compose-state – 在React中编写多个setState或getDerivedStateFromProps更新程序react-with-analytics – 轻松实现Google Analytics for React应用程序react-cache-me-outside – React应用程序的OTA数据更新。如何弓数据!PrimeReact – React最完整的UI框架!react-lodash – Lodash作为React组件react-helmet – React的文档主管Stator – 简单,简单的JavaScript状态管理,内置支持ReactClearX -于构建文本编辑器的React框架refract – 利用React式编程的强大功能为组件增压react-desktop – 使用React构建的OS X和Windows UI组件Reapop – React和Redux通知系统react-extras – 使用React的有用组件和实用程序react-instantsearch – Algolia快速搜索React和React Native应用程序uppy – Web浏览器的下一个开源文件上传器react-motion – 解决动画问题的弹簧react-esi – React Edge Side包含
React整合
React RailsReactJS.NETReact ASP.NET BoilerplateReact Bootstrap组件游乐场om – ClojureScript接口quiescent – React上的轻量级ClojureScript抽象Reagent – React.js的简约ClojureScript接口react-haskell – Haskell的React绑定Express React viewsExpress Coffee-React视图 – 在服务器上呈现咖啡ReactReact页面中间件ngReact – Angular中的React组件ReactLaravelcoffee-react-transform – 为Coffeescript提供React JSX支持sprockets-coffee-react – CJSX的链轮预处理器react-kup – 一个简单的,非侵入性的替代jsx的coffeescriptturbo-react – 结合Turbolinks和React来应用DOM差异react-bacon – 使用React和Bacon.js的一个小模块msx – React的JSX Transformer,调整为向Mithril输出调用React.withBackbone – React 16 ready骨干绑定Backbone React Componentreact-backbone – 用于React的Backbone-aware mixinsNestedReact – 与Backbone Views和NestedTypes模型的透明集成backbone-reaction – React,Backbone然后一些react.backbone – React插件使Backbone迁移更容易reactbone – Backbone的React扩展backbone-react-ui – 用于骨干和骨干分离器的React组件react-events – React组件的声明性托管事件绑定react-mixin-manager – React mixin注册管理器gsap-react-plugin – 用于补间React.js组件状态的GSAP插件@plaxdan的react-topcoat – 使用React库构建的Topcoat CSS组件@arnemart的React面漆 – 面漆的React成分集合reactdown – 使用markdown语法编写React组件react-jade – 编译Jade以ReactJavaScriptjade-react – 将Jade模板编译为React.DOM表达式gulp-jade-react – 将Jade模板编译成React脱糖JSX和Gulpsbt-reactjs – 使用npmReactSBT插件scalajs-react – Scala.js和Facebook的React之间的内疚react-xtags – 使用React实现xtagsjreact – 在服务器端Java上React(使用Rhino或Nashorn)React.hiccup – 用sweet.js编写的JSX的完全替代品react-play – 使用JDK8的Nashorn渲染Play框架中的React组件rx-react – 在RxJS中与React一起使用的实用程序react-with-di – 一个被反射的React.js原型reactfire – ReactJS mixin,可轻松实现Firebase集成firedux – ReactJS的Firebase + Reduxreact-clickdrag-mixin – ClickDrag mixin for React组件Rewrite the Admin UI of KeystoneJS in Reactreact-masonry-mixin – 用于砌体的独立混合物(@desandro)react-packery-mixin – 独立混合用于Packery(Metafizzy)react-dropzone – 带有React.js的简单HTML5拖放区域。aframe-react – A-Frame VR + Reactreact-three – 使用three.js创建和控制3D场景的React绑定react-three-renderer – 使用React渲染到three.js画布中react-threejs – React和Three.js之间最简单的绑定react-masonry-css – 由CSS驱动的快速砌体布局,无依赖性react-captcha – 针对Google的react.js reCAPTCHAreaptcha – 用于Google reCAPTCHA的干净,现代且简单的React包装器react-recaptcha-that-works – React的reCAPTCHA桥
Form
React Formsreact-formal – 为React提供更好的表单验证和价值管理,提供最少的布线react-forms – React的表单库valuelink – 具有扩展React链接的全功能双向数据绑定wingspan-forms – Facebook React的动态表单库newforms – React的同构形式处理formjs – Reactjs的表单生成器react-form-builder – React.js的表单生成器plexus-form – 使用JSON-Schema进行React的动态表单组件tcomb-form – 用于开发表单编写较少代码的UI库formsy-react – React JS的表单输入构建器和验证器Learn Raw React: Ridiculously Simple FormsWinterfell – 在React中生成复杂,经过验证和扩展的基于JSON的表单Redux-Autoform – 从元数据中动态创建Redux-Formsuniforms – 一堆React组件和帮助器,可以轻松生成和验证表单formik – React中的表单,没有眼泪NeoForm – 用于表单状态管理和验证的模块化HOCreact-jsonschema-form – 用于从JSON Schema构建Web表单的React组件List View Select – 具有本机组件的React Native的Toggleable选择框Final Formformland – 一个简单,超灵活,可扩展的基于配置的表单生成器React – React形式 – React中的角状React形式unform – ReactJS表单库,用于创建不受控制的表单结构,包含嵌套字段,验证等等!
自动完成
@rackt的React自动完成 – 符合WAI-ARIA的React自动完成功能react @ autosuggest由@moroshko提供 – 符合WAI-ARIA标准的React autosuggest组件@ eliseumds的React自动完成 – 只需品尝一些ReactJS + RxJS@prometheusresearch的react-autocomplete – 基于React的自动完成小部件instaleype by @gragland – 简单React自动完成组件downshift – 构建简单,灵活,符合WAI-ARIA标准的增强型输入React组件的原语React Bootstrap Typeahead – 基于React的typeahead,依赖于Bootstrap进行样式化,最初受到Twitter的typeahead.js的启发。
Graphics
react-art – 反映ART绘图库的桥梁react-canvas – React组件的高性能渲染react-famous – 使用Famo.us以60 FPS的复杂3D动画UIreact-kinetic – HTML5 Canvas通过KineticJS使用Reactreact-svg-morph – 将你的svg组件变为另一个react-hooks-svgdrawing – 使用React钩子绘制SVG
模型库
mori – ClojureScript的持久数据结构和支持APINestedTypes – 具有“纯渲染”支持的快速可变模型swarm – JavaScript复制模型(MVC的M)库caplet – JavaScript模型库
数据管理
Immutable.js – Javascript的不可变数据集合cortex – 用于使用React集中管理数据的JavaScript库avers – 一个现代客户端模型抽象库imvvm – React的不可变模型 – 视图 – 视图模型morearty.js – 在纯JavaScript中更好地管理Reactvaluable – React的不可变数据存储react-resolver – 用于React组件的递归延迟加载数据的同构库freezer-js – React的轻量级和React式不可变数据结构MobX – 简单,可扩展的状态管理Qaf – 作为商店的组件。基于上下文的React的简单状态管理baobab – 带有游标的JavaScript持久性和可选的不可变数据树baobab-react – 为Baobab进行React整合datascript – ClojureScript中的不可变数据库和Datalog查询引擎immstruct – 不可变数据结构,具有基于组件的库(如React)中从上到下属性的历史记录seamless-immutable – JavaScript的不可变数据结构,它与普通的JS Arrays和Objects向后兼容tydel – 使用React绑定的类型模型和集合extendedable-immutable – 扩展任何Immutable.js数据结构statty – React和Preact应用程序的一个微小且不显眼的状态管理库Hydux – React的Elm-Like州经理,“包括电池”ReSub – 用于编写更好的React组件和数据存储的库ProppyJS – 用于功能道具组合的小型库WatermelonDB – 下一代数据库,用于强大的React和React Native应用程序,可扩展到10,000个记录并保持快速Effector – 快速而强大的无功状态管理器。允许您编写简单,快速且类型安全的代码并轻松管理React状态。reactn – React,但内置全局状态管理immer – 通过改变当前状态来创建下一个不可变状态
地图
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的图表库,带有一个很棒的声明式APIReact-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 GitHubReact原生通讯React本机游乐场React Native Awesome ListReact Native StackOverflowReact原生无线电
React原生教程
React Native Tutorial介绍React Native:使用JavaScript构建应用程序React Native简介:使用JavaScript构建iOS应用程序React Native符合异步函数React Native中的手势检测 – 修复意外的平移Digital Smart Mirror lab with React NativeReact 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原生样本应用程序
HackerNewsZiliunFinanceReactNativeSplashWallsNBAreact
React Native Boilerplates
创建React Native App – 在没有构建配置的任何操作系统上创建React Native应用程序,包含或不包含ExpoSnowflake – 使用Redux,Parse.com,Jest(88%覆盖率)React原生iOS和AndroidIgnite – 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对原生模块做出Reactreact-native-icons – React Native中的快速简单图标react-native-vector-icons – 用于React Native的3000个可自定义图标,支持NavBar / TabBarreact-native-google-signin – Google Signin for React NativeReact天然选取器模态视
ReactAR / VR
React用于增强和虚拟现实的用法
React 360 – 使用React创建令人兴奋的360和VR体验Viro React – 使用React Native快速构建AR / VR应用程序的平台
ReasonReact
ReactJS的原因绑定
ReasonReact官方网站
Flux
用于构建用户界面的应用程序架构
Flux一般资源
Flux官方网站Flux GitHub
Flux实现
Flux ComparisionRefluxJSFluxxorMartyMcFlyAltFluxibleNuclearJSFlummoxCofluxMobXSinux
Flux教程
使用React和Flux构建应用程序Flux:构建客户端应用程序的简单架构模型使用来自Yahoo的Dispatchr和Fetchr的Isomorphic Flux示例使用React.js和Flux进行异步请求在CoffeeScript中实现FluxReact: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 GitHubRedux官方网站很棒的Redux列表
Redux工具
react-redux – Redux的官方React绑定redux-devtools – Redux的DevTools,具有热重新加载,动作重放和可自定义的UIreact-router-redux – 保持react-router和redux同步的绑定redux-form – 使用react-redux保持形状状态的高阶组件redux-thunk – 用于redux的Thunk中间件redux-logger – 用于redux的Logger中间件reselect – Redux的选择器库normalizr – 根据模式规范化嵌套JSONredux-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 GitHubMobX官方网站
MobX工具
mobx-react – React组件包装器,用于将React与MobX结合使用
MobX教程
10分钟介绍MobX和React使用MobX管理React应用程序中的复杂状态将您的应用程序从Redux重构为MobXRedux或MobX:尝试解散混乱
GraphQL
查询语言
GraphQL规范
GraphQL官方网站GraphQL规范GraphQL规范库
GraphQL工具
GraphCMS – GraphQL无头CMSGraphQL CMSMongoose模式到GraphQLGraphQL桥接到REST APIGraphQL Playground – GraphQL IDE,用于更好的开发工作流程
GraphQL教程
GraphQL简介关于GraphQL的第一个想法以类似的方式在GraphQL中建模查询Thin and GraphyGraphQL概述 – 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的GraphQLgraphql-go – Go / Golang的GraphQL
服务器集成
express-graphql – 使用Express创建GraphQL HTTP服务器graphql-yoga – 运行GraphQL服务器的最简单方法
数据库集成
Hasura – Postgres上的即时实时GraphQLPrisma – 一个高性能的开源GraphQL ORM-like层,可以在GraphQL服务器中完成繁重的任务。graphql-bookshelf – 一些帮助定义BookshelfJS模型周围的GraphQL架构GraphpostgresQL – PostgreSQL的GraphQLgraffiti – Node.js GraphQL ORMsql-to-graphql – 根据您的SQL数据库结构生成GraphQL APIgraphql-sequelize – 通过Sequelize实现MySQL和Postgres的GraphQL和Relay
Relay
数据驱动的React应用程序
Relay一般资源
接力官方网站接力GitHub
Relay教程
官方接力入门视觉学习者的接力Getting Started with RelayRelay and Routing
Relay工具
graphql-relay-js – 一个帮助构建支持react-relay的graphql-js服务器的库react-router-relay – React Router的中继集成relay-local-schema – 在没有GraphQL服务器的情况下使用Relayrelay-codemod – 基于jsodeshift的Codemod脚本,用于更新中继API
Apollo
基于GraphQL的数据堆栈
阿波罗综合资源
阿波罗官方网站Apollo GitHub阿波罗博客Apollo Slack
Apollo工具
react-apollo-redux – 一个小包装器,用于响应阿波罗突变自动发送动作
影片
reactjsvideos.com
重要会谈
Pete Hunt:React:重新思考最佳实践 – JSConf EU 2013Pete Hunt:React:重新思考最佳实践(更新) – JSConf.Asia 2013Tom Occhino和Jordan Walke:Facebook上的JS应用程序 – JSConfUS 2013React:JS中的CSSPete Hunt:可预测,不正确 – Mountain West JavaScript 2014黑客方式:重新思考Facebook上的Web应用程序开发Christopher Chedeau:为什么React Scale? – JSConf2014Christopher Chedeau:React的架构 – OSCON 2014Pete Hunt:ReactRESTful UI渲染 – 奇怪的循环2014Pete Hunt:Instagram.com如何运作 – OSCON 2014Bill Fisher和Jing Chen:React和Flux – NewCircle Training 2014Sebastian Markbage:最小的API表面积 – JSConf EU 2014Avik Chaudhuri:规模的JavaScript测试和静态类型系统 – 规模2014React Native&Relay:为移动设备带来现代网络技术 – f8 2015)Citrusbyte推出GraphQL:与Nick Schrock合作的横向平台Laney Kuenzel:接力中的突变和订阅 – JSConf 2015React今天和明天和90%清洁React与钩子 – React Conf 2018React会议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 Newsreact-pokemon – 用于显示神奇宝贝的React组件React + Backbone TodoMVCReact + NestedTypes TodoMVCreact-rxjs-todomvc – 使用React和RxJS实现TodoMVCreact-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 TodoListHapi + React + Flux用户管理系统Redux TodoMVCReact / 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.9ComingOrNot – 使用react,react-router,redux,graphQL和无服务器构建的Event PlannerReact Reduction – 使用React + Bootstrap4构建的Admin DashboardReact 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替代品原文:https://github.com/enaqx/awesome-react
本文:https://pub.intelligentx.net/collection-awesome-things-regarding-react-ecosystem
讨论:请加入知识星球或者小红圈【首席架构师圈】