A collection of awesome React tools, resources, videos and shiny things. Can also be found on Github

General Resources

  1. 1 Official Site 216
  2. 2 Native Official Site 68
  3. 3 GitHub 27
  4. 4 Native GitHub 18
  5. 5 Wiki 52
  6. 6 NPM Module 37
  7. 7 Tools NPM Module 28
  8. 8 Native NPM Module 9

Online Playground

  1. 1 JSFiddle Integration w/ JSX 336
  2. 2 JSFiddle Integration w/o JSX 50
  3. 3 CodePen Integration w/ JSX 90
  4. 4 CodePen Integration w/o JSX 43
  5. 5 CodePen Integration w/ ES6 & JSX 82
  6. 6 JSBin Integration w/ JSX 47

Community

  1. 1 StackOverflow 166
  2. 2 Native StackOverflow 40
  3. 3 GoogleGroup 23
  4. 4 Twitter 37
  5. 5 #reactjs Twitter 42
  6. 6 #reactnative Twitter 25
  7. 7 SubReddit 79
  8. 8 Reactiflux Slack Group 42

General Tutorials

  1. 1 React Tutorial 370
  2. 2 React One Hour 516
  3. 3 Medium React Tutorials 305
  4. 4 Intro to the React Framework 188
  5. 5 React Beginner Tutorial 215
  6. 6 Trying out ReactJS with the Marvel API 82
  7. 7 Yo in React 77
  8. 8 Creating Chrome Extensions with React 59

Writting Components

  1. 1 http://webcloud.se/sortable-list-component-react-js/ 388
  2. 2 http://webcloud.se/truly-reactive-sortable-component/ 142
  3. 3 Dealing w/ Asynchronous code in React Components 99
  4. 4 Component-based Web Apps with React 97
  5. 5 Reactive Table 178
  6. 6 ReActiveTable Bookmarklet 28
  7. 7 Set State in Callbacks in React 66
  8. 8 Send Props to Children in React 52

Writting Isomorphic Apps

  1. 1 The Future of Web Apps 344
  2. 2 Isomorphic apps with Backbone.js and React 80
  3. 3 From AngularJS to React 152
  4. 4 Going Isomorphic 99
  5. 5 Isomoprhic From-Handling 55
  6. 6 Examples Repository for Newforms/React 34
  7. 7 Bog isomorphically 55
  8. 8 Swarm.js+React 59

JSX

  1. 1 JSX Specification 50
  2. 2 JSX In Depth 40
  3. 3 JSX Extensions to Mozilla AST Format 9
  4. 4 Compiling JSX w/ Sweet.js using Readtables 8
  5. 5 JSX for the real DOM 24
  6. 6 E4X The Good Parts 15
  7. 7 JSX Support in Eslint 8
  8. 8 Lint Like It’s 2015 16

Flux Tutorials

  1. 1 Flux Application Architecture 224
  2. 2 Isomorphic Flux examples with Fluxible 82
  3. 3 Async requests with React.js and Flux 102
  4. 4 Implementing Flux in CoffeeScript 29
  5. 5 Flux Architecture 80
  6. 6 Understanding Flux 124
  7. 7 A sample App showcasing Flux w/ React Router 82
  8. 8 Yo in Flux 49

Native

  1. 1 Building iOS Apps with JavaScript 132
  2. 2 React Native Has Landed 46
  3. 3 A catalog of React components 100

Relay

  1. 1 Introducing Relay and GraphQL 86
  2. 2 Building The Facebook News Feed With Relay 59
  3. 3 Bringing Modern Web Techniques to Mobile 21
  4. 4 Unofficial Relay FAQ 49
  5. 5 React.js, React Native, Flux, Relay 60

Building Robust Web Apps

  1. 1 Part 1, in-browser prototypes 135
  2. 2 Part 2, optimising with Browserify 33
  3. 3 Part 3, testing with Jasmine 24
  4. 4 Part 4, server-side rendering 40

Comprehensive Guide to Building Apps

  1. 1 React.js Tutorial Pt 1 185
  2. 2 React.js Tutorial Pt 2 50

Scotch.IO React Tutorials Series

  1. 1 Getting Started with React --- Better Dev 85
  2. 2 Build A Real-Time Twitter Stream w/ Node&React.JS 40
  3. 3 Getting To Know Flux, the React.js Architecture 30
  4. 4 Creating A Simple Shopping Cart w/ Reac.JS & Flux 30

Styling

  1. 1 CSS in JS 175
  2. 2 Radium 114
  3. 3 React Style 106
  4. 4 React Inline 53

React Charts Tutorials

  1. 1 Integrating D3.js Visualizations in a React App 88
  2. 2 The Future of Charting Components 38
  3. 3 Choropleth Mapping w/ React and D3 37

React & Backbone

  1. 1 Using React components as Backbone Views 43
  2. 2 React + Backbone Slides 28
  3. 3 Pimp my Backbone.View (by replacing with Facebook's React) 18

React & Angular

  1. 1 React Components in Angular 67
  2. 2 React 0.9 and Angular Track By 17
  3. 3 Using React for Faster Renders & Isomosphism 16
  4. 4 Faster AngularJS Rendering 23
  5. 5 Improving AngularJS Long List Rendering Performance 10
  6. 6 How can React and Flux Help Us Create Better Apps 16
  7. 7 Achieving Reasonable & Scalable Routing 7

React & Bootstrap

  1. 1 Better Bootstrap Modals & Popover w/ React.js 104
  2. 2 A Mixin-based Design for a React.js Bootstrap 38
  3. 3 Popover Mixin 11
  4. 4 Bootstrap TabbedArea Component w/ React.js 19
  5. 5 Bootstrap forms using React.js 46

React & ClojureScript

  1. 1 The Future of JavaScript MVC Frameworks 20
  2. 2 Om Sweet Om 21
  3. 3 The Case for React.js and ClojureScript 10

React & Coffee Script

  1. 1 React & Coffeescript 56
  2. 2 moved to to https://github.com/chantastic/sites/tree/master/reactpatterns.com 29

React & Haskell

  1. 1 Animating Web UI with React and Haskell 65
  2. 2 Stackage-View, Built w/ Yesod&GHCJS+React 11
  3. 3 TodoMVC example w/ Shade 11
  4. 4 Haskell React bindings 13
  5. 5 Blaze-Reacy, Blaze-HTML style React Bindings 5
  6. 6 PureScript-React Bindings 5

React & Socket.IO

  1. 1 Socket.IO Integration Example 98
  2. 2 Socket.IO Integration Ex. Inside of Single React Component 33
  3. 3 Socket.IO Integration Employing Separation of Concerns 27

Server-client

  1. 1 Server/Client With React, Part 1 111
  2. 2 Server/Client With React, Part 2 13
  3. 3 Server/Client With React, Part 3 14

Serverside Rendering

  1. 1 Server Side Rendering for ReactJS 66
  2. 2 React Server Rendering 26
  3. 3 JDK8 + FB React 28
  4. 4 Server-side React with PHP - Pt 1 27
  5. 5 Server-side React with PHP - Pt 2 11
  6. 6 Server-rendered React Components in Rails 9
  7. 7 Server-Rendered React + Flux In Rails 9

Compiling Tutorials

  1. 1 Webpack Howto by Pete Hunt 60
  2. 2 React Webpack Cookbook 53
  3. 3 AMD & CommonJS Examples w/ Webpack 5
  4. 4 Integrating JSX Live Reload Into your React Workflow 7
  5. 5 React JS & Browserify Workflow - Pt 1 21
  6. 6 React JS & Browserify Workflow - Pt 2 11
  7. 7 Choosing The Correct Packaging Tool For ReactJS 15

Testing Tutorials

  1. 1 Testing Flux Applications 38
  2. 2 Testing React Components 43
  3. 3 Testing React Components w/ Huxley 20
  4. 4 Testing React.js 28
  5. 5 Unit Testing React.js w/ Jasmine & Karma 21

Debugging

  1. 1 Trace Logging with React 59

Authentification & Authorization

  1. 1 Role-based Authorization 119

Approach Explanation

  1. 1 Convincing the Boss 78
  2. 2 Why did we build React? 30
  3. 3 Remarkable React 8
  4. 4 Using React To Speed Up the Khan Academy 12
  5. 5 Getting Your Team To Adopt New Technology 6
  6. 6 Arguing for ReactJS 21
  7. 7 React Tutorial Rewritten In Plain JavaScript 8
  8. 8 AngularJS vs. ReactJS 26

Internals

  1. 1 Web Performance Calendar 28
  2. 2 Optimal Decomposition Algorithm for Tree Edit Distance 13

Flux

  1. 1 Flux Official Site 26
  2. 2 Flux Project 7
  3. 3 Flux Comparision 19
  4. 4 A Set of Tools To Facilitate Building JavaScript Data 3
  5. 5 Simple Library for Uni-Directional Dataflow 2
  6. 6 Event Dispatcher for Client & Server 3
  7. 7 Flux Architecture Made Easy 18
  8. 8 A Completely Agnostic JavaScript Framework 2

Mobile

  1. 1 Use React Native 45
  2. 2 Framework to Build Native Apps w/ React 29
  3. 3 A React-Inspired View Framework 28
  4. 4 UI-Kit w/ Widgets & CLI to Build Mobile Web Apps 18
  5. 5 Build React Native Apps w/ Webpack 32

Relay & Graph QL

  1. 1 Framework To Build Data-Driven React Apps 55
  2. 2 Relay-Inspired Library Based on Promises 18
  3. 3 Experimental Implementation of FB's GraphQL 23
  4. 4 GraphQL Parser Written in JavaScript 17
  5. 5 FB's GraphQL Backend Implemented w/ Node+Mongo 26
  6. 6 GraphQL For Postgres 26
  7. 7 Ruby implementation of GraphQL 3

Boilerplates

  1. 1 React Starterify - application skeleton using Browserify and other awesome tools 58
  2. 2 react-starter-kit - a skeleton for an isomorphic web application 31
  3. 3 React Quickstart 22
  4. 4 ReactHack 20
  5. 5 React Phonegap/Cordova App 12
  6. 6 react-component-boilerplate - Boilerplate for creating React components 10
  7. 7 React on Rails Starter Kit 7
  8. 8 react-browserify-template - Quick template for building with Browserify + React 18

Components

  1. 1 かわいい！つかえる！「キャラクターはんこ」／はんこ.com 163
  2. 2 React Component List 127
  3. 3 React Components 73
  4. 4 Cmpnt.vistarmedia 26
  5. 5 Reactjsx 34
  6. 6 kjda/react-topui 38
  7. 7 SanderSpies/react-material 41
  8. 8 callemall/material-ui 24

Libraries

  1. 1 tuxx - A feature complete framework built on the React view layer 66
  2. 2 react-magic - Automatically AJAXify plain HTML with the power of React 25
  3. 3 tcomb-react - Library allowing you to check all the props of your React components 12
  4. 4 react-responsive - Media queries in react for responsive design 25
  5. 5 react-cursor - Functional state management abstraction for use with Facebook React 15
  6. 6 Omniscient.js - Abstracting React components for fast top down render of immutable data 23
  7. 7 Touchstonejs - React.js powered UI framework for developing beautiful hybrid mobile apps. 19
  8. 8 StateTrooper - Centrally manage state for React applications with CSP 11

Integration

  1. 1 ReactJS.NET 23
  2. 2 React Bootstrap 32
  3. 3 React Bootstrap Components Playground 16
  4. 4 React Rails 10
  5. 5 React on Rails 19
  6. 6 om - ClojureScript interface 1
  7. 7 quiescent - A lightweight ClojureScript abstraction over React 3
  8. 8 Reagent - A minimalistic ClojureScript interface to React.js 0

Routing

  1. 1 react-router by @rackt - A complete routing solution for React.js 72
  2. 2 react-router-component by @andreypopp - Declarative router component for React 25
  3. 3 react-router by @jaredly - An integrated router for react 17
  4. 4 rrouter - Declarative routing layer for React applications 12
  5. 5 react-mini-router - A minimal URL router for React.js 15
  6. 6 monorouter - An isomorphic JS router 12
  7. 7 routr - A component that provides router related functionalities from Yahoo 7
  8. 8 route-reactor - Framework-agnostic client-side router 9

Forms

  1. 1 React Forms 102
  2. 2 react-forms - Forms library for React 68
  3. 3 wingspan-forms - A dynamic form library for Facebook React 23
  4. 4 newforms - Isomorphic form-handling for React 19
  5. 5 formjs - A form generator for Reactjs 33
  6. 6 react-form-builder - A Form Builder for React.js 24
  7. 7 plexus-form - A dynamic form component for react using JSON-Schema 14
  8. 8 tcomb-form - UI library for developing forms writing less code 12

Autocomplete

  1. 1 react-autocomplete by @rackt - WAI-ARIA compliant React autocomplete 61
  2. 2 react-autosuggest by @moroshko - WAI-ARIA compliant React autosuggest component 20
  3. 3 react-autocomplete by @eliseumds- Just tasting some ReactJS + RxJS 17
  4. 4 prometheusresearch-archive/react-autocomplete 17
  5. 5 react-select by @JedWatson - Like Selectize / Chosen / Select2 etc, work in progress 20

Unit Testing

  1. 1 jest - Painless JavaScript Unit Testing 36
  2. 2 jasmine-react - Unit test your React.js applications with Jasmine 24
  3. 3 chai-react - Chai assertions for React 23

Graphics

  1. 1 react-art - React Bridge to the ART Drawing Library 42
  2. 2 react-canvas - High performance rendering for React components 40
  3. 3 react-famous - Complex 3D animations UI at 60 FPS with Famo.us 51
  4. 4 react-kinetic - HTML5 Canvas via KineticJS using React 29

Model Libraries

  1. 1 mori - ClojureScript's persistent data structures and supporting API 9
  2. 2 swarm - JavaScript replicated model (M of MVC) library 12
  3. 3 caplet - JavaScript models library 9

Data Managing

  1. 1 immutable-js - Immutable Data Collections for Javascript 45
  2. 2 cortex - A javascript library for centrally managing data with React 44
  3. 3 avers - A modern client-side model abstraction library 15
  4. 4 imvvm - Immutable Model-View-ViewModel for React 16
  5. 5 morearty.js - Better state management for React in pure JavaScript 19
  6. 6 valuable - An immutable data store for React 18
  7. 7 react-resolver - Isomorphic library to recursively lazy-load data for React components 25

Development Environment

  1. 1 facebook/react-devtools 44
  2. 2 reactjs/sublime-react 28
  3. 3 babel/babel-sublime 12
  4. 4 react 8
  5. 5 mxw/vim-jsx 3
  6. 6 justinj/vim-react-snippets 4
  7. 7 mooz/js2-mode 4
  8. 8 web-mode.el 5

Generating

  1. 1 generator-react-webpack - Yeoman generator for ReactJS and Webpack 19
  2. 2 generator-react-app - Yeoman generator to create React application 7
  3. 3 generator-react-library - Yeoman generator for React components 11
  4. 4 generator-react-gulp-browserify - Yeoman generator for React 10

Compiling

  1. 1 reactify - Browserify transform for JSX 11
  2. 2 Grunt React 7
  3. 3 Gulp React 18
  4. 4 broccoli-react - Broccoli preprocessor for React JSX 3
  5. 5 require-jsx - A require.js plugin that allows you to use JSX files as require.js dependencies 0
  6. 6 react-requirejs-example - React tutorial working together with require.js 4
  7. 7 jsx-requirejs-plugin - A RequireJS plugin for loading and compiling 1
  8. 8 react-brunch - Adds React.js support to brunch build tool 2

Platforms

  1. 1 morpheus - The next generation web publishing platform built with reactjs 35

JSX Alternatives

  1. 1 r-dom - A simple React DOM wrapper 17
  2. 2 react-hyperscript - Hyperscript syntax for React.js markup 11
  3. 3 react-no-jsx - A pure JS DSL to be used instead of JSX 18

Template Engines

  1. 1 react-templates - Lightweight templates for React 55

Maps

  1. 1 react-googlemaps - React interface to Google maps 43
  2. 2 react-maps - A map component for React 24
  3. 3 react-google-maps - React.js Google Maps integration component 11
  4. 4 react-gmaps - A Google Maps component for React.js 17

Charts

  1. 1 react-d3 - Modular React charts made with d3.js 71
  2. 2 react-chartjs - Common react charting components using chart.js 50

Service Workers

  1. 1 react-worker - Using Service Workers to render React components 48

Video From Conferences

  1. 1 JSConf EU 22
  2. 2 JSConf.Asia 2013 3
  3. 3 Reactive JavaScript 9
  4. 4 [JSConfUS 2013] Tom Occhino 1
  5. 5 Introduction to React.js 10
  6. 6 Functional programming 8
  7. 7 Super VanJS 2013 2
  8. 8 Introduction to React 9

Video from React.JS Conf 2015

  1. 1 Tom Occhino and Christopher Chedeau: Keynote 13
  2. 2 Brenton Simpson: Tweak your page in real time, without leaving the comfort of your editor 12
  3. 3 Gurdas Nijor: Unlocking the structure of your React applications with the AST 5
  4. 4 Daniel Schafer and Jing Chen: Data fetching for React applications at Facebook 4
  5. 5 James Long: Communicating with channels 4
  6. 6 Michael Jackson: react-router increases your productivity 16
  7. 7 Pete Hunt: Full Stack Flux (was: The future of JavaScript layout systems) 10
  8. 8 Jason Bonta: Making your app fast with high-performance components 6

Video Tutorials

  1. 1 learnreact.com — 3ish minute videos on React.js 54
  2. 2 Learn ReactJS (make a Pokedex!) - part 1 106
  3. 3 Learn ReactJS (make a Pokedex!) - part 2 10
  4. 4 React.js Components Part 1 27
  5. 5 React.js Components Part 2 8
  6. 6 Advanced Input Validation With React 37
  7. 7 ReactJS: Dealing with the Server 24
  8. 8 Building UIs with ReactJS [Deprecated] 29

Demos

  1. 1 react.rocks - Pinterest-style directory of online demos with available code 96
  2. 2 react-hn - A React & react-router-powered implementation of Hacker News 38
  3. 3 react-pokemon - A React component for displaying Pokémon 41
  4. 4 React + Backbone TodoMVC 21
  5. 5 react-rxjs-todomvc - TodoMVC implementation with React and RxJS 8
  6. 6 react-observe-todomvc - TodoMVC implementation built on top of React and Object.observe 6
  7. 7 react-lights-out - Simple demo of the React framework's power and flexibility 19
  8. 8 todomvc-swarm - React TodoMVC implementation using Swarm for real-time collaboration 11

Examples

  1. 1 React HTML Template 108
  2. 2 React Helloworld 53
  3. 3 Props 29
  4. 4 State 18
  5. 5 Props and State 31
  6. 6 External Plugin 15
  7. 7 POST/GET with HTTP server 97
  8. 8 Refs to send messages between components 32
Confirm
Follow page
Suggest
Message Nick Raienko
Report link