Pines-Cheng / Awesome React Cn
react中文资料、资源、库、文档等，正在翻译中。。。
Stars: ✭ 324
awesome-react 中文版
一份详细的react的资源，插件，文档，教程，库和使用实例清单。
被老外的awesome 清单刺激到，觉得有必要翻译一份，为国产的程序员们做点事情，本清单将保持实时更新同步。PS:进都进来了，就顺便看看其他的吧:
如果想加入，那就加入吧。
- React
- JSX
- Flux
- 测试
- React Native
- GraphQL
- Relay
- Flow
- Videos
- 书
- 实例
- Apps实例
- 真正的Apps
- 贡献值
React
构建用户界面的javascript库
React通用资源
React社区
- Reactiflux
- React讨论组
- React StackOverflow
- React Twitter
- React Subreddit
- React Podcast
-
#reactjschannel on Freenode IRC Server
React在线编程
- 整合JSX的React JSFiddle
- 未整合JSX的React JSFiddle
- 整合ES6和JSX的React CodePen
- 整合JSX的React JSBin
- React HTML到JSX在线编译
- React组件的浏览器原型
React入门
React通用教程
- React入门
- ReactJS:保持简单，任何东西都能是组件
- React.js Koans:帮助你快速入门React的实用练习
- ReactJS权威指南
- React新手教程
- 向只懂jQuery的人介绍React.js
- 用几行jQuery代码展示React干货
- 通过构建Hacker News的前端页面学习React
- Mixins已死，Composition永生
- 拖沓过时APIs的未来
- React Motion客观介绍
- 在JVM上通过React.js和Spring Boot构建同构的WebApps
使用React构建健壮的Web应用
- 使用React构建健壮的web应用:Part 1
- 使用React构建健壮的web应用: Part 2
- 使用React构建健壮的web应用: Part 3
- 使用React构建健壮的web应用: Part 4
通过React构架应用的全面指导
Scotch.io React入门系列
- React.js: 入门及概念
- 通过Node.js和React.js构建实时的Twitter流
- 开始了解Flux：React.js的架构
- 通过Reack.js和Flux创建一个简单的购物车
- 使用React.js，30分钟内创建一个手机应用
React风格
- React:JS中的CSS
- Radium
- jsxstyle
- React 风格
- React 内联
- Interoperable CSS
- ReactCSS
- React简明风格
- React: JS中的CSS方法比较
- 全局CSS终结者
React表格入门
React与Meteor
React与Backbone
React与Angular
- NgReact - Angular中的React组件
- ng-React更新-React 0.9 和 Angular追踪
- 使用React快速渲染，使用Angular进行重构
- AngularJS快速渲染
- 使用React改进Angular长列表的渲染性能
- 怎样使用React和Flux帮助我们构建更好的Angular应用
- 在Angularjs中使用Flux实现高可用，可拓展的路由
React与Bootstrap
- 使用React更好的实现Bootstrap的模态层和弹出层
- React.js Bootstrap 组件库的混合设计
- 混合弹出层
- 使用React.js实现的Bootstrap的TabbedArea组件
- 使用React。js实现Bootstrap表单
React与ClojureScript
React与CoffeeScript
React与Datatables
React与Haskell
- 使用React和Haskell实现动态的饿Web UI
- 通过Yesod,GCHJS和REac构建堆栈层的view
- 使用Shade (Haste+React)实现MVC示例
- react-haskell快速上手 (blog post)
- 使用GHCJS实现blaze-react, blaze-html风格的React绑定 (video tutorial)
- purescript-react绑定 (example app)
React与Socket.IO
Server-Client与React
- Server/Client With React, Part 1:入门
- Server/Client With React, Part 2:系统构建
- Server/Client With React, Part 3: 前端服务
服务端渲染
- 服务端渲染是怎样工作的：基础示例
- ReactJS的服务端渲染
- React服务端渲染
- JDK8 + Facebook React: 服务端渲染单页面应用
- 服务端的React和PHP – part 1
- 服务端的React和PHP – part 2
- 在Rails中实现服务端渲染的React组件
- 在Rails中实现服务端渲染的React+Flux
- React服务端渲染: 使用ReactJS+Node实现同构的Javascript
- 使用Golang实现同构的热加载React/Flummox/Css-Module种子项目
- 服务端渲染React + Hapi
- 通过dnode在PHP中实现同构的React应用
React编译入门
- Pete Hunt的Webpack入门
- React Webpack Cookbook
- AMD 与 CommonJS webpack示例
- 在你的React工作流中整合JSX实时加载
- React JS和browserify工作流, part1
- React JS和browserify工作流, part2
- 为React JS选择正确的包管理工具
React调试
验证
文件上传
API接口
React内部实现
React工具
基本的React工具
React项目
模板
- React Starter Kit - 一个同构的web应用的启动工程
- React Redux Universal Hot Example
- React Slingshot - 使用React + Redux + Babel, 包含热加载，测试，代码校验的实例app
- este - 一个健壮而舒适的手机、离线、前端优先开发栈的同构webappRobust and comfortable dev stack for mobile/offline/frontend first isomorphic web apps
- react-transform-boilerplate - 包含热加载react组件功能的webpack工程
- essential-react - 一个使用ES6构建的可测试的React应用的最小构架
- react-isomorphic-starterkit - React服务端渲染的启动工程
- react-starter - 使用React和webpack的启动模板
- react-hot-boilerplate - 下一代React工程的实时编辑的模板
- react-engine - 一个同构的express应用的复合渲染引擎
- react-webpack-node - React + Redux/alt Flux的通用模板
- react-native-nw-react-calculator - 手机, 电脑 和网站应用，一次编写，到处运行
组件
- React 组件
- React 组件清单
- React.parts - React目录组件
- React Components研究
- VistarMedia Components
- React 轻量级UI组件
- react-material - 使用React.js和React风格写的Material Design风格的组件
- material-ui - 一个CSS框架和一系列Material Design风格的React组件
- react-desktop - 使用React构建的OS X 和 Windows UI 组件
- react-touch - React移动端的图片浏览工具
- griddle - 使用React构建的一个简单的表格组件
- react-grid - 使用React构建的数据表格
- React-iCheck - 使用React构建的iCheck 组件，高度定制化的checkboxes 和 radio 按钮
- react-absolute-grid - 一个包含绝对定位，动画，过滤器，带排序，拖拽功能，使用React和ES6实现的表格
- react-async - React的异步渲染组件
- react-async-input - 完全使用异步的{state,props}调用实现的异步Inputs输入框
- react-mediaswitch - 基于medie查询选择你的DOM
- react-frame-component - 渲染你的React应用到iFrame
- react-gravatar - 渲染一个gravatar轮廓图片的react组件
- markdown-react - React渲染标准的Markdown
- react-component-gallery — 创建一个平均分配空间的React组件
- react-markdown-textarea - 一个创建能够输入Marketdown的textareas的组件
- react-markdown-area - Github优先的带实时预览的markdown编辑器
- react-textarea-autosize - 随着内容而增长的基于React的Textarea组件 component for React which grows with content
- react-spinner - 零配置的加载旋转动画
- react-treeview - 基于React的简单，轻量级，灵活的树的视图。
- react-tree-menu - 一个无状态的树菜单组件，使用Flux架构
- react-tween-state - React 动画
- react-stripe-checkout - 一个简单的加载script的React组件
- react-swipe - Brad Birdsall的swipe.js, 作为一个React组件
- react-smart-time-ago - 展示相关的“之前时间”的日期组件
- react-autoupdate-time - 渲染一个自动更新的元素
- react-time - React组件，能够将相关的格式化时间渲染到标签中
- react-crouton - 一个reactjs的消息组件
- react-ago-component - 将一个特殊的过去时间转化为一个大概类似于XX时间之前的文字。
- react-translate-component - Provides multi-lingual/localized text content
- react-lorem-component - Renders lorem ipsum placeholder text
- react-interpolate-component - Renders elements into a format string
- react-proxy-loader - Hot Module Replacement and Code Splitting
- RCSS - Turn your JavaScript objects into CSS classes
- ReactiveElements - Allows to use React.js component as HTML element
- react-chosen - React wrapper for Chosen jQuery
- react-inlinesvg - An SVG loader component for React
- react-imageloader - A React component for wrangling image loading
- expose - A React mixin for lazy loading
- react-loadqueueloader - A React component for managing loads with a load queue
- react-loadermixin - A React mixin for giving components loading behavior
- react-controlfacades - Style form controls but use their default behavior
- react-pressable - Add onRelease, onReleaseInside, onReleaseOutside, and onPress events
- react-google-analytics - Google analytics component
- react-layers - A library for layering components in React
- react-gcal-events-list - A Reusable component that pulls events from your google calendar
- reactdi - Dependency injection for ReactJS components
- qrcode.react - A component for use with React
- react-swf - Shockwave Flash Player component for React
- react-unmount-listener-mixin - React mixin for listenable componentWillUnmount
- react-sortable - A sortable list component built \w React
- react-anything-sortable - A sortable component with IE8 compatibility
- react-controllables - Easily create controllable components
- react-datalist - A polyfill for Reactjs
- react-pad - Authoring tool for React components
- ogre.js - Object graph manager, built with ReactJS in mind
- react-scroll-components - A set of components that react to page scrolling
- react-fullscreen-component - Create fullscreen toggles
- react-frozenhead - Make your whole page a React component and render it on the server
- react-document-title - declarative, nested, stateful document.title
- react-tags - A simple wrapper around React.DOM
- react-datepicker by @misino - Datepicker component for application using Facebook React
- react-datepicker by @Hacker0x01 - A simple and reusable datepicker component for React
- react-styles - Utility to manage styles for React JS components
- react-stylesheet - A component for React to declare stylesheet dependencies
- react-table-sorter-demo - A React.js Table Sorter Component
- react-table-component - React Table Component for creating a very basic html table
- react-input-placeholder - Input is a small wrapper around React.DOM.input
- antd-table-infinity - An infinite scroll component based on antd table that supports virtual scrolling & high-performance
- react-infinite-scroll - An infinite scroll component for React
- react-ellipsis - Ellipsis component for React
- react-pillbox - Pillbox component for React
- react-intl - React Internationalization Component
- react-tokeninput - Tokeninput component for React
- react-select-box - An accessible select box component for React
- react-ladda - React wrapper for Ladda buttons
- react-list - A versatile infinite scroll React component
- olay-react - Olay implemented as a React component
- reactable - Fast, flexible, and simple data tables in React
- react-tabs - React tabs component
- react-simpletabs - Just a simple tabs component
- react-draggable - React draggable component
- react-dnd - Flexible HTML5 drag-and-drop mixin for React with full DOM control
- react-sticky - component for React-based apps
- js-object-to-table - JavaScript objects drawing themselves into a table using React
- react-kaomoji - A React component for displaying Japanese emoticons
- react-calendar - Calendar that inspired by React philosophy
- react-element-pan - React component for allowing panning of DOM-elements
- react-anchor - Functional factory to create react anchor components
- react-bootstrap-daterangepicker - A date/time picker for react (using Bootstrap)
- react-bootstrap-datetimepicker - A react.js datetime picker for Bootstrap
- react-bootstrap-multiselect - A multiselect component for react (with bootstrap)
- react-colorpicker - Colorpicker for React
- react-commits-graph - A React component to render an svg graph of git commits
- react-layout - Dynamic subview layout for React
- react-weather - Example React weather app using forecast.io's API
- react-sparkline - React component for rendering simple sparklines
- react-component-width-mixin - React mixin which sets width
- react-micro-bar-chart - React component for micro bar-charts rendered with D3
- react-horizontal-bar-chart - Simple horizontal bar chart component, using D3 scales only
- react-infinity - A UITableView Inspired list and grid display
- react-timeago - A simple time-ago component for React
- react-stylePrefixr - A simple utility for React.js to help deal with style vendor prefixes
- react-spinkit - A collection of loading indicators animated with CSS for React
- react-html-elements-styleguide -React styleguide component
- react.animate - State animation plugin for react.js
- react-animate - React animation mixin
- react-star-rating-input - React.js component for entering 0-5 stars
- react-star-rating - A simple star rating component built with React.
- react-data-components - React components and mixins for manipulating data
- react-number-editor - Number editor (textfield) component for react
- react-localstorage - Simple localstorage mixin for react
- react-sortable-data React Mixin to sort data easily
- react-widgets - Suite of ui input widgets including combobox, multiselect, datepicker and more
- react-select - Rich Select Component
- react-video - React component to load video from Vimeo or Youtube
- react-captcha - A react.js reCAPTCHA for Google
- react-cassette-player - Vector-based HTML5 Audio Player
- react-tagsinput - A simple react component for inputing tags.
- react-autolink - An autolink mixin for React
- react-emoji - An emoji mixin for React
- react-portal - A transportation of (not just) modals and lightboxes to document.body
- react-hotkeys - Declarative hotkey and focus area management for React
- react-datagrid - A carefully crafted DataGrid for React
- react-panels - A multipurpose tabbed panel with many features
- [react-magic-move - A utility that creates the effect of moving DOM nodes, based upon portals] (https://github.com/ryanflorence/react-magic-move)
- autoresponsive-react - A Magical Layout Libary For React
- Belle - Set of easy to style React Components with great UX
- react-input-color - React input color component with hsv color picker
- react-medium-editor - React wrapper for medium-editor
- react-progress-label - Progress label component
- react-input-slider - React input slider component
- react-ui-tree - React tree component with drag and drop support
- react-frame - React components within an iframe for isolated css styling
- react-inline-grid - Predictable flexbox based grid for React using Redux and Immutable-js
- rodal - A React modal with animations
- react-scrollbar - Simple ScrollArea component built for React
- react-experiments - Implement A/B tests with randomized parameterizations of your components
- react-slide-deck - For swipe, tabs, carousel, one page scroll. With animation hooks. tweening, tween callbacks
- react-resizable-box - Resizable component for React
- react-ios-switch - React switch component
- react-listview-sticky-header - Turn listview with section headers that stick to the top
- react-expandable-listview - Create listview with expandable section headers
- react-keydown - Lightweight keydown wrapper for React components
- searchkit - Components to build user interfaces for elasticsearch
- grommet - The most advanced UX framework for enterprise applications
- react-resizable-and-movable - Resizable and movable component for React
- react-sidebar - An app like sidebar for React including touch support
- react-motion - An spring-based animation library, similar to Rebound.js
- react-motion-menu - Motion menu component powered by React Motion
- sweetalert-react - Using sweetalert in React
- React Joyride - Create walkthroughs, tours and tooltips for your apps
- react-file-reader-input - Complete control over styling + abstraction from file reading
- react-sortable-pane - Resizable and sortable pane component for React
- react-DnR - Dragable and Resizable window build with React.js
Libraries
- react-magic - Automatically AJAXify plain HTML with the power of React
- tcomb-react - Library allowing you to check all the props of your React components
- react-responsive - Media queries in react for responsive design
- react-cursor - Functional state management abstraction for use with Facebook React
- Omniscient.js - Abstracting React components for fast top down render of immutable data
- Touchstonejs - React.js powered UI framework for developing beautiful hybrid mobile apps.
- Elemental - A UI Toolkit for React.js Websites and Apps
- StateTrooper - Centrally manage state for React applications with CSP
- Preact: Fast 3kb React alternative with the same ES6 API.
- riotjs - A React- like, 3.5KB user interface library
- Maple.js - Bringing the concept of web-components to React
- react-i13n - A performant, scalable and pluggable approach to instrumenting your React application
- react-icons - svg react icons of popular icon packs
Integration
- ReactJS.NET
- React Bootstrap
- React Bootstrap Components Playground
- React Rails
- React on Rails
- om - ClojureScript interface
- quiescent - A lightweight ClojureScript abstraction over React
- Reagent - A minimalistic ClojureScript interface to React.js
- react-haskell - React bindings for Haskell
- Express React views
- Express Coffee-React views - render coffee-react on the server
- React Page Middleware
- ngReact - React Components in Angular
- React Python
- React PHP
- React Laravel
- React Meteor
- Coffee React
- react-coffee - Build React components using natural CoffeeScript syntax
- coffee-react-transform - Provides React JSX support for Coffeescript
- sprockets-coffee-react - Sprockets preprocessor for CJSX
- react-kup - A simple, non-intrusive alternative to jsx for coffeescript
- turbo-react - Combine Turbolinks and React to apply DOM diffs
- react-bacon - A little module for using React with Bacon.js
- msx - React's JSX Transformer, tweaked to output calls to Mithril
- Backbone React Component
- react-backbone - Backbone-aware mixins for react
- backbone-reaction - React, Backbone and then some
- react.backbone - Plugin for React to make Backbone migration easier
- reactbone - React extensions for Backbone
- backbone-react-ui - React components for use with backbone and backbone paginator
- react-events - Declarative managed event bindings for react components
- react-mixin-manager - React mixin registration manager
- gsap-react-plugin - A GSAP plugin for tweening React.js component state
- react-topcoat by @plaxdan - Topcoat CSS components built with the React library
- react-topcoat by @arnemart - A collection of React components for Topcoat
- reactdown - Write React components using markdown syntax
- react-jade - Compile Jade to React JavaScript
- jade-react - Compile Jade templates to React.DOM expressions
- gulp-jade-react - Compile Jade templates into React de-sugared JSX with Gulp
- react-semantic-ui - React components for Semantic UI
- semantic-react - React wrappers for Semantic UI
- sbt-reactjs - React SBT Plugin using npm
- scalajs-react - A guilty affair between Scala.js and Facebook's React
- rpm-xtags-rivets-finch-react - RPM project: x-tags, rivets.js, finch.js, and React
- react-xtags - Using React to implement xtags
- jreact - React on server-side Java (with Rhino or Nashorn)
- React.hiccup - A complete replacement for JSX written in sweet.js
- react-style - Integrate CSS into your React.js components
- react-play - Rendering React components in the Play Framework with JDK8's Nashorn
- rx-react - Utilitiels to works with React in a RxJS
- react-typescript - Wrapper to make react play nicely with typescript
- react-with-di - A hacked prototype of React.js with DI
- reactfire - ReactJS mixin for easy Firebase integration
- react-clickdrag-mixin - ClickDrag mixin for React component
- Rewrite the Admin UI of KeystoneJS in React
- react-masonry-mixin - Standalone mixin for Masonry (@desandro)
- react-packery-mixin - Standalone mixin for Packery (Metafizzy)
- react-dropzone - Simple HTML5 drag-drop zone with React.js.
- aframe-react - A-Frame VR + React
Forms
- React Forms
- react-forms - Forms library for React
- wingspan-forms - A dynamic form library for Facebook React
- newforms - Isomorphic form-handling for React
- formjs - A form generator for Reactjs
- react-form-builder - A Form Builder for React.js
- plexus-form - A dynamic form component for react using JSON-Schema
- tcomb-form - UI library for developing forms writing less code
- formsy-react - A form input builder and validator for React JS
- Learn Raw React: Ridiculously Simple Forms
- Winterfell - Generate complex, validated and extendable JSON-based forms in React
Autocomplete
- react-typeahead-search by @tonyspiro
- react-autocomplete by @rackt - WAI-ARIA compliant React autocomplete
- react-autosuggest by @moroshko - WAI-ARIA compliant React autosuggest component
- react-autocomplete by @eliseumds- Just tasting some ReactJS + RxJS
- react-autocomplete by @prometheusresearch - Autocomplete widget based on React
- react-select by @JedWatson - Like Selectize / Chosen / Select2 etc, work in progress
- instatype by @gragland - Simple react autocomplete component
Documentation Tools
- react-docgen - Extract information from React component files for documentation generation
- react-styleguide-generator - Easily generate a good-looking styleguide
Graphics
- react-art - React Bridge to the ART Drawing Library
- react-canvas - High performance rendering for React components
- react-famous - Complex 3D animations UI at 60 FPS with Famo.us
- react-kinetic - HTML5 Canvas via KineticJS using React
- react-svg-morph - morph your svg components one into another
Model Libraries
- mori - ClojureScript's persistent data structures and supporting API
- swarm - JavaScript replicated model (M of MVC) library
- caplet - JavaScript models library
Data Managing
- Immutable.js - Immutable Data Collections for Javascript
- cortex - A javascript library for centrally managing data with React
- avers - A modern client-side model abstraction library
- imvvm - Immutable Model-View-ViewModel for React
- morearty.js - Better state management for React in pure JavaScript
- valuable - An immutable data store for React
- react-resolver - Isomorphic library to recursively lazy-load data for React components
- freezer-js - Lightweight and reactive immutable data structure for React
- mobservable - Observable data structures for building reactive React apps
- baobab - JavaScript persistent and optionally immutable data tree with cursors
- baobab-react - React integration for Baobab
- datascript - Immutable database and Datalog query engine in ClojureScript
- immstruct - Immutable data structures with history for top-to-bottom properties in component based libraries like React
- seamless-immutable - Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects
React Development Experience
- react-devtools - React Chrome Developer Tools
- react-transform-hmr - A React Transform that enables hot reloading React
- Nuclide - An open IDE for web and native mobile development, built on top of Atom
- babel-sublime - Syntax definitions for ES6 JavaScript with React JSX extensions
- babel-sublime-snippets - Next generation JavaScript and React snippets for Sublime
- atom-react - Atom React.js support
- vim-jsx - Vim JSX Syntax
- vim-react-snippets - Vim version of the snippets from sublime-react
- vim-babel - Wrapper around babel.js for vim
- web-mode.el - An autonomous emacs major-mode for editing web templates
- eslint-plugin-react - React specific linting rules for ESLint
- generator-react-webpack - Yeoman generator for ReactJS and Webpack
- generator-react-gulp-browserify - Yeoman generator for React
- static-site-generator-webpack-plugin - Prerender isomorphic JavaScript apps to static HTML
Template Engines
- react-templates - Lightweight templates for React
- teact - A JSX alternative based on composing functions in the Markaby / CoffeeKup / Teacup tradition
Maps
- react-googlemaps - React interface to Google maps
- react-maps - A map component for React
- react-google-maps - React.js Google Maps integration component
- react-gmaps - A Google Maps component for React.js
- react-map-gl - A React wrapper for MapboxGL-js plus overlay API
- google-map-react - Isomorphic google map React component
Charts
- react-d3 - Modular React charts made with d3.js
- react-chartjs - Common react charting components using chart.js
- react-stockcharts - Highly customizable stock charts with ReactJS and d3
- VictoryJS - A collection of composable React components for building interactive data visualizations
JSX
XML-Like Syntax Extension to JavaScript
JSX Resources
JSX Tutorials
- Compiling JSX with Sweet.js using Readtables
- JSX for the real DOM
- JSX: E4X The Good Parts
- Lint Like It’s 2015
- React’s JSX: The Other Side of the Coin
- JSX in TypeScript
JSX Alternatives
- r-dom - A simple React DOM wrapper
- react-hyperscript - Hyperscript syntax for React.js markup
- react-no-jsx - A pure JS DSL to be used instead of JSX
Flux
Application Architecture for Building User Interfaces
Flux General Resources
Flux Implementations
Flux Tutorials
- Flux Application Architecture
- Flux: A simple architecture model to build Client-side apps
- Isomorphic Flux examples using Dispatchr and Fetchr from Yahoo
- Async requests with React.js and Flux
- Implementing Flux in CoffeeScript
- React: Flux Architecture
- Understanding Flux
- A sample app showcasing Flux with React Router
- Yo in Flux
- React.js architecture - Flux VS Reflux
- Avoiding Event Chains in Single Page Applications
- ReactJS and Flux
- Deconstructing ReactJS's Flux
- Flux Step By Step
- Flux in practice
- What is the Flux Application Architecture?
- React + Flux Backed by Rails API: Part 1
- React + Flux Backed by Rails API: Part 2
- React + Flux Backed by Rails API: Part 3
- Flux solutions compared by example
- Flux Cargo-Culting
- The Case for Flux
- The Evolution of Flux Frameworks
- React with Flux by example - a simple Todo List dissected
- Awesome Redux
- FOR FLUX SAKE! - a beginners tutorial
- Simple Counter App with React and Nuclear JS
Redux Tutorials
- Redux Tutorial
- Free Egghead.io Redux lessons from its creator - Dan Abramov
- Mastering React Redux Basics
- Server-Side Rendering with Redux and React-Router
Testing
React Unit Testing
Jest General Resources
Testing Utilities
Testing Tutorials
- React Testing Cookbook - video lessons
- Unit testing React components without a DOM
- Approaches to testing React components - an overview
- Testing React Components with Teaspoon & Unexpected
React Native
Framework for building native apps using React
React Native General Resources
- React Native Official Site
- React Native GitHub
- React Native Newsletter
- React Native Playground
- React Native Awesome List
React Native Community
React Native Tutorials
- React Native Tutorial
- Introducing React Native: Building Apps with JavaScript
- Introduction to React Native: Building iOS Apps with JavaScript
- Handcrafting an iOS Application in React Native with love
- React Native Meets Async Functions
- Gesture detection in React Native – fixing unexpected panning
- Use The iOS Camera In Your React Native Mobile App
- Digital Smart Mirror lab with React Native
- JavaScript Without Grammar blog
React Native Development Experience
- react-native-webpack-server - Build React Native apps with Webpack
- react-native-code-push - React Native plugin for the CodePush service
React Native Sample Apps
React Native Boilerplates
React Native Awesome Components
- react-native-fbsdk - A wrapper around the iOS Facebook SDK
- react-native-side-menu - Simple customizable component to create side menu
- react-native-mapbox-gl - A Mapbox GL react native module
- react-native-icons - Quick and easy icons in React Native
- react-native-vector-icons - 3000 Customizable Icons for React Native with support for NavBar/TabBar
- react-native-google-signin - Google Signin for React Native
GraphQL
Query Language
GraphQL Spec
GraphQL Tutorials
- GraphQL Introduction
- First Thoughts on GraphQL
- Learn GraphQL
- Modeling Queries in a GraphQL Like Way
- Thin and Graphy
- GraphQL and g2sd
- GraphQL Overview - Getting Started with GraphQL and Node.js
- Writing a Basic API with GraphQL
- Building a GraphQL Server with Node.js and SQL
GraphQL Implementations
- graphql-js - A reference implementation of GraphQL for JavaScript
- react-transmit - Relay-inspired library based on JavaScript Promises
- graphql-ruby - Ruby implementation of Facebook's GraphQL
- graphql-java - GraphQL Java implementation
- sangria - Scala GraphQL client and server library
- graphql-php - A PHP port of GraphQL reference implementation
- graphene - GraphQL in Python made simple
- graphqllib - GraphQL implementation for Python
- graphql-dotnet - GraphQL for .NET
Server Integration
Database Integration
- graphql-bookshelf - Some help defining GraphQL schema around BookshelfJS models
- GraphpostgresQL - GraphQL for PostgreSQL
- graffiti - Node.js GraphQL ORM
- sql-to-graphql - Generate a GraphQL API based on your SQL database structure
- graphql-sequelize - GraphQL & Relay for MySQL & Postgres via Sequelize
Relay
Data-Driven React Applications
Relay General Resources
Relay Tutorials
Relay Tools
- graphql-relay-js - A library to help construct a graphql-js server supporting react-relay
- react-router-relay - Relay integration for React Router
- relay-local-schema - Use Relay without a GraphQL server
- relay-codemod - Codemod scripts based for on jsodeshift to update Relay APIs
Flow
Static Type Checker for JavaScript
Flow Resources
Videos
Video from Confs
- Pete Hunt: React: Rethinking best practices - JSConf EU 2013
- Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013
- Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013
- Pete Hunt: High performance functional programming with React and Meteor -- Devshop 11
- Stoyan Stefanov: Introduction to React - LAWebSpeed meetup
- Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014
- Pete Hunt: The Secrets of React's Virtual DOM - FutureJS 2014
- Hacker Way: Rethinking Web App Development at Facebook
- Christopher Chedeau: Why does React Scale? - JSConf2014
- Christopher Chedeau: React's Architecture - OSCON 2014
- Christian Johansen: Functional UI Programming - flatMap 2014
- Pete Hunt: React RESTful UI Rendering - Strange Loop 2014
- Stefano Masini: Refactoring to React - Amsterdam Javascript MVC meetup 10 sep 2014
- Pete Hunt: How Instagram.com Works - OSCON 2014
- Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014
- Vagmi Mudumbai: Building single page apps with React.JS - JSFoo 2014
- Ben Anderson: Reactive, Component-based UIs with React - E4E Developer Conf 2014
- Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014
- Pete Hunt, Aaron Murray, and Contra Schof: Facebook React at the Famo.us Meetup 8/13/14
- Steven Luscher: Decomplexifying Code with React - Powered by JavaScript conf 2014
- James Pearce: An Introduction to ReactJS - All Things Open 2014
- Avik Chaudhuri: JavaScript Testing and Static Type Systems at Scale - Scale 2014
- Jonathan Beebe: Real World React - Nodevember 2014
- Pete Hunt: Secrets of the Virtual DOM - JSConf.au 2014
- Dave Smith: Angular + React = Speed - ng-conf 2015
- Ilya Boyandin: Interactive Data Visualization with React: Taming the Complexity of Changing State - OpenVis 2015
- React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)
- Flux: A Unidirectional Data Flow Architecture for React Apps - ACM Applicative 2015
- Michael Chan: React.js on Rails
- What's new in React Native
- Building and Deploying Relay with Facebook
- Supercharge your React.js Development with Taylor Hakes
- Citrusbyte Presents GraphQL: A Horizontal Platform with Nick Schrock
- Laney Kuenzel: Mutations and Subscriptions in Relay - JSConf 2015
- Pete Hunt: Immediate Mode UIs with React - SFJS Meetup 2015
React.js Conf 2015 Playlist
ReactEurope Conf 2015 Day 1 Playlist
ReactEurope Conf 2015 Day 2 Playlist
ReactRally Conf 2015 Playlist
React.js Conf 2016 Playlist
Video Tutorials
- learnreact.com — 3ish minute videos on React.js
- Learn ReactJS (make a Pokedex!) - part 1
- Learn ReactJS (make a Pokedex!) - part 2
- React.js Components - part 1
- React.js Components - part 2
- Advanced Input Validation With React
- ReactJS: Dealing with the Server
- Building UIs with ReactJS
- React.js Internals
- React in 7 Minutes
- jFlux - Going from MVC to FLUX
- Learn React in steps - BigBinary
- Keep up with React - BigBinary
- React Native Intro
- Building a Simple ToDo App With React Native and Firebase
- React & Flux by: Christian Lilley
- React for beginners
- React Testing Cookbook - video lessons
Books
Demos
- react.rocks - Pinterest-style directory of online demos with available code
- react-hn - A React & react-router-powered implementation of Hacker News
- react-pokemon - A React component for displaying Pokémon
- React + Backbone TodoMVC
- react-rxjs-todomvc - TodoMVC implementation with React and RxJS
- react-mvc - A sample chat application written with React and pure MVC
- react-observe-todomvc - TodoMVC implementation built on top of React and Object.observe
- react-lights-out - Simple demo of the React framework's power and flexibility
- todomvc-swarm - React TodoMVC implementation using Swarm for real-time collaboration
- reactodo - Multiple localStorage TODO lists, built with React
- lifequote - React port of a life insurance quick quoting application
- reactor-demo - Isomorphic Javascript app with React
- imgsible - React-based Imgur-like isomorphic demo app
- wow-realm-status-react - WoW Realm Status: React Edition
- react-json-editor - A generic JSON editor
- react-todos - Backbone's example TODO app with React JS for views
- github-issues-viewer - A gitub issues viewer build in react + backbone
- wolfenstein3D-react - Wolfenstein with the rendering layer written in React
- flux-react-router-example - Sample Flux app with routing and pagination using Github API
- catshop - Shopping cart built on Bootstrap 3.1 using test/fake Bitcoins
- Flux ImmutableJS TodoList
- Hapi+React+Flux user management system
- Redux TodoMVC
- react-babel-webpack - CRUD demo app featuring React, React Router, Flux, Webpack, Bootstrap
Example Apps
- isomorphic500 - Isomorphic JS app built with React and Fluxible
- Fil: A playground for in-browser interpreters (Redux)
Real Apps
Contribution
Your contributions and suggestions are heartily♡ welcome. (✿◠‿◠)
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].