AwesomeList

Awesome React

A collection of awesome things regarding React ecosystem.

• React
  • React General Resources
  • React Community
  • React Online Playground
  • React Tutorials
    • React General Tutorials
    • React styling
    • React Charts Tutorials
    • React and Ruby on Rails
    • React and Meteor
    • React and Angular
    • React and Bootstrap
    • React and ClojureScript
    • React and CoffeeScript
    • React and Datatables
    • React and Haskell
    • React and SocketIO
    • React and TypeScript
    • Server-Client with React
    • Server Side Rendering
    • Prerendering aka snapshotting
    • Compiling React Tutorials
    • Debugging React
    • Analyzing React Performance
    • Authentication
    • Authorization
    • File Uploads
  • React Tools
    • Development Toolkits and Frameworks
    • Boilerplates
    • Routing
    • React Projects
    • Components
    • Animation Components
    • Libraries
    • Integration
    • Forms
    • Autocomplete
    • Documentation Tools
    • Graphics
    • Model Libraries
    • Data Managing
    • React Developer Experience
    • Template Engines
    • Maps
    • Charts
  • Job Interview Tools
• React Native
  • React Native General Resources
  • React Native Community
  • React Native Tutorials
  • React Native Developer Experience
  • React Native Sample Apps
  • React Native Boilerplates
  • React Native Awesome Components
• JSX
  • JSX Resources
• Flux
  • Flux General Resources
  • Flux Implementations
  • Flux Tutorials
• Redux
  • Redux General Resources
  • Redux Tools
  • Redux Tutorials
• MobX
  • MobX General Resources
  • MobX Tools
  • MobX Tutorials
• Testing
  • Testing Utilities
  • Testing Tutorials
• GraphQL
  • GraphQL Spec
  • GraphQL Tools
  • GraphQL Tutorials
  • GraphQL Implementations
  • Server Integration
  • Database Integration
• Relay
  • Relay General Resources
  • Relay Tutorials
  • Relay Tools
• Apollo
  • Apollo General Resources
• Flow
  • Flow Resources
• Videos
  • Video from Confs
  • 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
  • ReactRally Conf 2016 Playlist
  • Video Tutorials
  • React.js Amsterdam 2018 Playlist
• Books
• Demos
• Example Apps
• Real Apps
• Contribution

React

JavaScript Library for building User Interfaces

React General Resources

• React Official Site
• React GitHub
• React Community GitHub
• React FAQ
• The Evolution of React
• Roadmap to becoming a React developer in 2019

React Community

• Reactiflux
• React Discussion Forum
• React StackOverflow
• React Twitter
• React Core meeting notes
• Made with React - Collection of websites and applications using ReactJS
• The React newsletter
• React Iran Telegram Group
• React Community Germany

React Online Playground

• CodeSandbox
• Online VS Code IDE for React
• React JSFiddle Integration with JSX
• React JSFiddle Integration without JSX
• Babel REPL
• React HTML to JSX Online Compiler

React Tutorials

React General Tutorials

• React Tutorial
• Learn React.js in 5 minutes
• Live React Bootcamp by Tyler Mcginnis(free)
• React.js Fundamentals (paid)
• React Primer
• ReactJS: Keep Simple. Everything can be a component!
• React js tutorial
• React.js Koans: Practical exercises that will help you learn React.js from square one
• LearnCode React Tutorials
• Thinkster React topics
• React tutorial - Cloning Yelp
• React.js in patterns
• DIY guide to build your own React
• React cheatsheet
• Codecademy Learn ReactJS Course
• Getting Started with React
• Deploying a React app to Github Pages
• React Express - Beginners Guide to React Application Development
• GraphCMS Beginners Guide with React
• Build a Chat App with React and Pusher Chatkit
• How to set up continuous integration and deployment for your React app
• SSR Split (A/B) Testing and Analytics with React, Redux, and Next.js
• Material-UI: Get started (Fast!) ⚡ React 16+

React best practices

• Pete Hunt: React: Rethinking best practices - JSConf EU 2013
• Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013
• React.js Best Practices
• Clean Code vs. Dirty Code: React Best Practices
• Writing Scalable React Apps with the Component Folder Pattern
• React Performance – A Definitive Guide to Optimize Major Performance issues in React

React styling

• React: CSS in JS
• React: CSS in JS techniques comparison
• CSS in JS Playground
• Radium
• jsxstyle
• ReactCSS
• Aphrodite
• Glamor
• Styletron
• TypeStyle
• styled-components
• gloss
• JSS
• reas
• emotion

React Charts Tutorials

• Integrating D3.js visualizations in a React app
• D3 and React - the future of charting components?

React and Ruby on Rails

• React on Rails - integration of React, Webpack, React-Router with Ruby on Rails
• reactrails.com - live example site using React on Rails with source code

React and Meteor

• Meteor official Guide
• Meteor with React Tutorial
• React for Meteor developers
• Full-stack GraphQL with Apollo, Meteor & React

React and Angular

• NgReact - React Components in Angular
• ng-React Update - React 0.9 and Angular Track By
• Using React for Faster Renders and Isomorphism in Angular
• Improving AngularJS long list rendering performance using ReactJS
• How can React and Flux help us create better Angular applications?
• Achieving Reasonable and Scalable Routing in AngularJS with Flux
• Angular to React/Redux, a Guide for Angular v1 Experts Looking to Learn React/Redux

React and Bootstrap

• Awesome react bootstrap components
• Better Bootstrap modals and popover with React.js
• A mixin-based design for a React.js Bootstrap component library
• Popover mixin
• Bootstrap TabbedArea component with React.js
• Bootstrap forms using React.js

React and ClojureScript

• The Future of JavaScript MVC Frameworks
• The Case for React.js and ClojureScript
• A Reagent Framework For Writing SPAs

React and CoffeeScript

• React & CoffeeScript
• React patterns - Mostly reasonable patterns for writing React in CoffeeScript

React and Datatables

• React and Datatables
• react-dt - A data table component for React and Material-UI

React and Haskell

• stackage-view, built with Yesod and GHCJS+React
• TodoMVC example with Shade (Haste+React)
• react-haskell, to be used with Haste
• blaze-react, blaze-html style React bindings using GHCJS (video tutorial)
• purescript-react bindings (example app)

React and Socket.IO

• Socket.IO integration example
• Socket.IO integration example inside of a single React component
• Socket.IO integration employing separation of concerns

React and TypeScript

• TypeScript-React-Starter, A starter template from microsoft.
• React TypeScript Kickstart Guide, in-depth, incl. boilerplate & cookbook
• React Chapter of TypeScript Deep Dive

Server Side rendering

• Super-basic example of how server rendering works

• Server Side Rendering for ReactJS

• React Server Rendering

• JDK8 + Facebook React: Rendering single page apps on the server

• Server-rendered React components in Rails

• Server-rendered React + Flux in Rails

• Golang Isomorphic Hot Reloadable/React/Flummox/Css-Module Starter Kit

• Serverside rendering with React + Hapi

• Isomorphic React apps in PHP via dnode

• Server Side Redering, Universal JS, Hot Module Reloading and Code Splitting with React and Redux

• React Server Side Rendering with Hypernova

• Server Side Rendering with Simple Redux Store Hydration

Prerendering aka snapshotting

• react-snap
• Prerendering solutions comparison
• Rendora - dynamic SSR server-side rendering using headless Chrome to effortlessly solve the SEO problem for modern javascript websites

Compiling React Tutorials

• Webpack Howto by Pete Hunt
• React Webpack Cookbook
• AMD and CommonJS examples with Webpack
• Integrating JSX live reload into your React workflow
• React JS and a browserify workflow, part1
• React JS and a browserify workflow, part2
• Choosing the correct packaging tool for React JS

Building React components

• Distributing React components
• A guide to building a React component for NPM

Debugging React

• Trace Logging with React
• Reactotron: Control, monitor, and instrument
• React-fix-it: Automagically generate tests from errors

Analyzing React Performance

• Introducing the React Profiler
• Why did you update
• Twitter Lite and High Performance React Progressive Web Apps at Scale
• Using the React DevTools Profiler to Diagnose React App Performance Issues
• Top 5 Practices to Boost React Performance
• React is Slow, React is Fast: Optimizing react Apps in Practice

Authentication

• Adding authentication to your React Flux app
• Build a React Application with User Authentication

Authorization

• Managing user permissions in your React app

File Uploads

• Direct uploads to S3 with React, Rails, and Paperclip

API Integration

• react-flux-cosmicjs Data-driven react application connected to the Cosmic JS API

React Tools

Development Toolkits and Frameworks

• Create React App - Create React apps with no build configuration.
• Neutrino - Create and build modern JavaScript applications with zero initial configuration.
• nwb - A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it).
• Next.js - A minimalistic framework for server-rendered React applications.
• Razzle - Create server-rendered universal JavaScript applications with no configuration.
• create-react-app-typescript - Create React App using typescript with no build configuration.
• rekit - IDE and toolkit for building scalable web applications with React, Redux and React-router.
• ARc - A progressive React starter kit based on Atomic Design.
• Maka.js - A react framework using Microservice Architecture.
• Crana - A CLI tool to create React + Node apps with just one command (batteries included).
• Crassa - A CLI tool to create React + Server Side Rendering with one command.

Boilerplates

• React Boilerplate - Minimalistic boilerplate with React, Redux, Flowtype, Babel and Webpack2
• React App SDK - CLI tools and templates for authoring React apps with a single dev dependency and zero configurations
• React Starter Kit — isomorphic web app boilerplate (Node.js, GraphQL, React, Babel, Webpack, CSS Modules, HMR)
• ASP.NET Core Starter Kit (C#) — Frontend: React, Babel, PostCSS, CSS Modules + backend: .NET Core, C#
• ASP.NET Core Starter Kit (F#) — Frontend: React, Babel, PostCSS, CSS Modules + backend: .NET Core, F#
• React Redux Universal Hot Example
• React Slingshot - React + Redux with Babel, hot reloading, testing, linting and working example app
• este - Robust and comfortable dev stack for mobile/offline/frontend first isomorphic web apps
• frontend-boilerplate - webpack-react-redux-babel-autoprefixer-hmr-postcss-css-modules-rucksack-boilerplate
• react-engine - A composite render engine for isomorphic express apps
• reactGo - Boilerplate for an universal/isomorphic React + Redux/alt Flux app
• react-native-nw-react-calculator - Mobile, desktop and website Apps with the same code
• StarHackIt - An ES6/ES7 full-stack starter kit with authentication and authorization code
• react-cordova-boilerplate - TodoMVC example for React to build a Cordova application
• UniversalRelayBoilerplate - Boilerplate + examples for React Native (iOS, Android), React (isomorphic, Material-UI), Relay, GraphQL, JWT, Node.js, Apache Cassandra
• react-boilerplate - A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
• react-express-stripe - A minimal boilerplate to accept payments in a React App
• React-PWA - BoilerPlate with PWA and support for Code-Splitting, SSR, SEO, Page and API caching, Image optimization and much more.
• react-webpack-starter - A simple boiler plate for creating react applications bundled by webpack (using ES6, Babel, SASS and webpack development server)
• Happyreaction - React/Spring/Java maven archetype for bootstrapping a new project quickly
• Create React NPM Component - CLI tool for creating a component for distribution on NPM
• Suicrux - Universal starter with ultimate hot-reloading. PWA/LL/SSR/React/Redux/i18n.
• ReactQL - Universal React + GraphQL starter kit, with full server rendering, isomorphic data fetching and store management
• React + Redux w/ ES6 Starter Project - Starter kit using Webpack, React Hot Loader, Code Splitting for React Router, CSS Modules, custom Ducks pattern app architecture, best practices, and Enzyme test environment
• react-firebase-authentication - Boilerplate for authentication and real-time database using React and Firebase
• react-redux-saga-boilerplate - Starter kit with routing, state container, storage and SEO tools. PWA-ready
• generator-react-firebase - Yeoman generator for starting projects using React and Firebase (Redux optional) with features Full Authentication, Route protection and Material UI Application Navbar
• Starter template for React + Redux + TypeScript - setup and simple app using async actions and Material UI
• particleplate - an Express + TypeScript + React + React-Router + Redux + React-Redux + PostCSS + MaterialUI boilerplate
• Create React App (ejected) extension containing: basic structure + redux + redux-thunk + routing + ImmutableJS + hot reloading + linters (Can be used along with the corresponding tool: CRA-gen)
  • CRA-gen (Create React App CLI generator using custom templates)
• create Adobe-CEP (Photoshop, Illustrator etc..) extension/plugin with React, Material-UI, Native Node modules, Webpack, Babel and ExtendScript
• Visual webpack config tool for React apps
• next-boilerplate - Next.js with Typescript, Redux, Express.js, Sass, Css, EnvConfig, Reverse Proxy, and Bundle Analyzer
• create-wp-react-app - WordPress CLI to generate your next modern plugin
• Razzle Material-UI Styled Example — With Styled Components using Express with compression
• SaaS Boilerplate – Open source web app to quickly build your own SaaS product

Routing

• react-router - A complete routing library for React
• react-router5 - A routing library for React and more
• buttermilk - beautifully simple routing for React projects
• pagify-it - Add routing to your React app in minutes
• reach-router - Next Generation Routing for React
• curi - JavaScript router for SPA

React Projects

• gatsby - Transform plain text into dynamic blogs and websites using React.js
• react-blessed - A react renderer for blessed terminal interface library
• MJML - The only framework that makes responsive-email easy. Based on React
• react-tv - React renderer for low memory applications and Packager for TVs
• ink - React for interactive command-line apps
• react-cli - a react renderer for the command line

Components

• React Material Web Components - The most performant, un-opinionated, and simple implementation of Material Design in React.
• @jpmonette/react-bulma - React components for Bulma - the Modern CSS framework
• DevExtreme React Grid - High-performance plugin-based React data grid for Bootstrap and Material Design
• React Svg Textures - Textures.js ported to React. Fully isomorphic.
• React Responsive Tables
• React Component List
• JS.coach - A catalog of React components
• iReact: Fantastic React Components and Libraries!
• Khan Academy React Components
• VistarMedia Components
• React Topcoat UI components
• react-material - Material design components written with React.js and React Style
• react-md - Set of React components and sass files for implementing Google's Material Design
• material-ui - A CSS Framework and a Set of React Components for Material Design
• ReactSymbols - Pixel perfect UI Kit / Library with ready-to-use components + original Sketch resource file
• react-google-login-component
• react-facebook-login-component
• react-component - A Collection of React UI Components
• Ant Design - An enterprise-class UI design language, A set of high-quality React components
• Zent - A collection of React UI components
• UXCore - A React UI Component Set living for enterprise backend application
• react-desktop - OS X and Windows UI components built with React
• react-aim - Determine the cursor aim for triggering mouse events
• react-uwp - React Components that Implement Microsoft's UWP Design & Fluent Design.
• react-touch - React photo viewer for mobile
• griddle - A simple grid component for use with React
• react-grid - Data grid for React
• React-iCheck - iCheck components built with React. Highly customizable checkboxes and radio buttons
• react-async - Async rendering for React components
• react-async-input - Inputs that behave properly with async set{State,Props} calls
• react-countup - A React component wrapper around CountUp.js
• react-mediaswitch - Choose your DOM based on media queries
• react-frame-component - Render your React app to an iFrame
• react-gravatar - React component for rendering a gravatar profile image
• markdown-react - React Render for Standard Markdown
• react-component-gallery — React component for creating an evenly spaced components
• react-markdown-textarea - Component to create textareas for entering Markdown
• react-markdown-area - Github flavored markdown editor with live preview
• react-textarea-autosize - Textarea component for React which grows with content
• react-spinner - Zero configuration loading spinner
• react-treeview - Easy, light, flexible tree view made with React
• react-tree-menu - A stateless tree menu component built with the Flux architecture in mind
• react-tween-state - React animation tween state
• react-stripe-checkout - Easily load Stripe Checkout as a React component
• react-id-swiper - A library to use idangerous Swiper as a ReactJs component
• react-swipe - Brad Birdsall's swipe.js, as a React component
• react-smart-time-ago - Show relative "time ago" dates
• react-autoupdate-time - Renders a element that autoupdates
• react-time - Component for React to render relative and/or formatted dates into
• react-crouton - A message component for reactjs
• react-ago-component - Renders the approximate time ago in words from a specific past date
• 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-pressable - Add onRelease, onReleaseInside, onReleaseOutside, and onPress events
• react-google-analytics - Google analytics component
• react-layers - A library for layering components in React
• react-layer-stack - Simple yet complete and agnostic layering system for React. Useful for windowing/dnd/popover/modals/tooltip applications
• 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-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
• 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-draggable-tabs - Atom-fashioned draggable tabs
• react-simpletabs - Just a simple tabs component
• react-draggable - React draggable component
• react-resizable - A tiny Resizable component based on react-draggable
• react-grid-layout - A Masonry-style responsive grid layout
• 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-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-boxplot - Simple SVG box plots in React
• react-infinity - A UITableView Inspired list and grid display
• react-timeago - A simple time-ago component for React
• 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-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-data-grid - Data grid for React:Excel-like grid component built with React, with editors, keyboard navigation, copy & paste
• react-datagrid - A carefully crafted DataGrid for React
• react-table - A lightweight, fast and extendable datagrid for React
• react-panels - A multipurpose tabbed panel with many features
• autoresponsive-react - A Magical Layout Library 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-range-slider - Collection of react slider components
• rheostat - a www, mobile, and accessible slider component
• react-ui-tree - React tree component with drag and drop support
• react-frame - React components within an iframe for isolated css styling
• 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
• react-http-request - React component exposes network request functionality
• react-https-redirect - Force a redirect to HTTPS when not on a local web server
• react-browser-detection - React component to detect browser
• react-text-mask - React input mask
• react-imask - another React input mask
• rebass - Configurable React Stateless Functional UI Components
• echarts-for-react - baidu Echarts(v3.0) components for React
• react-pagespeed-score - A React component for display a dial-type chart of PageSpeed Insights
• react-livestamp - A simple and html date countdown component for React
• react-offcanvas - Off-canvas menus for React
• react-svg-pan-zoom - Adds pan and zoom features to the SVG images
• react-virtualized - React components for efficiently rendering large lists and tabular data
• react-trend - Simple, elegant spark lines by Unsplash
• react-colorizer - A library for generation of harmonious color themes for React
• react-skeletor - Display a skeleton preview of your application's content before the data get loaded
• react-data-menu - Smart data-driven menu rendered in an overlay, never clipped by other components or screen edges
• omnibar - Extensible search component for React.
• react-virtualized-sticky-tree - Render virtualized tree structures with support for position: sticky
• react-flexbox-svg - Flexbox for SVG in React, using css-layout
• react-instantsearch - Search Interface building blocks for Algolia
• react-d3-tree - Create interactive D3 tree graphs
• react-redux-modal-flex - Accessible modal dialog component for React, easy to install and use with Redux.
• react-switch - A draggable, customizable and accessible toggle-switch component.
• react-credit-card-input - A simple credit/debit card input field for React.
• react-creditcard - An awesome react credit card component.
• email-autocomplete-input - Simple email autocomplete input.
• rlist-view - List view for react with pulling refresh and infinite data load
• gmodal - Make delightful modal layer
• react-breadcrumbs-dynamic - Extremely flexible and completely router-independent react breadcrumbs solution
• react-automatic-width - Automatically sets width property on child components
• react-js-diagrams - A flow based diagramming library
• react-file-input-previews-base64 - Wrapper around file input, with option for image previews and returning file as base64 string
• react-credit-cards - Beautiful credit cards for your payment forms
• react-dropdown-tree-select - Lightweight, customizable and fast Dropdown Tree Select component for React
• react-sortly - Simple, lightweight and highly customizable dnd nested sortable component
• react-dates - An easily internationalizable, mobile-friendly datepicker library for the web
• react-ui-cards - Various card components for React
• React components IO - A curated list of useful React component libraries and component related tools
• react-filepond - Drag 'n Drop accessible file upload component
• pimg - A Progressive Image Component used for lazy loading images
• object-editor-react - Schema-aware editor for structured JSON objects (drop-in component)
• react-terminal-component - Emulate a terminal with autocomplete, commands, a file-system, themes and more.
• react-scrolltop-button - A button component for scrolling to top of the page.
• numeric-keyboard - Numeric keyboard for mobile browsers.
• rsuite - A suite of React components
• react-vertical-timeline-component - A vertical timeline for React.js
• react-handsontable - A React wrapper for the the Handsontable spreadsheet component.
• react-fetch-progressbar - Automatically show a progressbar in React whenever a fetch request is in progress
• is-online-component - A simple react component that detects online and offline changes
• react-paypal-btn - Add a PayPal button to your React app
• react-unveil - Cross-browser ShowMore component for React with sensible defaults
• nice-react-layout - Create complex and nice Flexbox-based layouts, without even knowing what flexbox means
• react-beautiful-chat - A simple and beautiful React chat component backend agnostic and with Emoji and File support
• react-loadable - A higher order component for loading components with promises.
• unstated - State so simple, it goes without saying
• react-particles-js - Particles.js for React
• react-semantic-render - Semantic helper components for rendering content with React.
• react-location-picker - A react component to pick a location using google maps.
• cogo-toast - Beautiful, Zero Configuration, Toast Messages
• folio - Dynamic Form Built With React & CSS Grid layout
• material-ui-layout - A declarative Layout component based on Material-UI and Google's Material Design
• react-admin: A frontend Framework for building admin applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
• reactjs-popup - popup, Modals, Tooltips and Menus,  All in one
• react-filter-control - A component to build UI for boolean filter creation

Animation Components

• react-loading-skeleton - Make beautiful, animated loading skeletons that automatically adapt to your app.
• animated-number-react - Super easy way to animate numbers with React
• react-spinkit - A collection of loading indicators animated with CSS for React
• react.animate - State animation plugin for react.js
• react-animate - React animation mixin
• react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React
• react-singular-component - Transition between dom elements of a component easily

Containers

• Reapop - A React & Redux notifications system

Libraries

• react-magic - Automatically AJAXify plain HTML with the power of React
• react-toolbox - A set of React components implementing Google's Material Design specification
• tcomb-react - Library allowing you to check all the props of your React components
• react-responsive - Media queries in react for responsive design
• react-is-responsive - A utility to create responsive components in React
• 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
• Keo - Plain functions for a more functional Deku approach to creating React components, with functional goodies such as pipe, memoize, etc...
• Blueprint - A React-based UI toolkit for the web
• Bit - A virtual repository for managing and using react and other web components across applications
• AtlasKit - Atlassian's React UI library
• ReactiveSearch - UI components library for Elasticsearch
• Slate - A completely customizable framework for building rich text editors.
• react-animated-transitions - Easy animated transitions in React
• react-json-schema - Construct React elements from JSON by mapping JSON definitions to React components that you expose.
• compose-state - Compose multiple setState or getDerivedStateFromProps updaters in React
• react-with-analytics - Google Analytics for React apps with ease
• react-cache-me-outside - OTA data updates for React apps. How bow dat!
• PrimeReact - The Most Complete UI Framework for React!
• react-lodash - Lodash as React components
• react-helmet - A document head manager for React
• Stator - Simple, plain JavaScript state management with built-in support for React

Integration

• ReactJS.NET
• React ASP.NET Boilerplate
• 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
• React.withBackbone - React 16 ready backbone binding
• Backbone React Component
• react-backbone - Backbone-aware mixins for react
• NestedReact - transparent integration with Backbone Views and NestedTypes models
• 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-play - Rendering React components in the Play Framework with JDK8's Nashorn
• rx-react - Utilities to works with React in a RxJS
• react-with-di - A hacked prototype of React.js with DI
• reactfire - ReactJS mixin for easy Firebase integration
• firedux - Firebase + Redux for ReactJS
• 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
• react-three - React bindings to create and control a 3D scene using three.js
• react-three-renderer - Render into a three.js canvas using React
• react-threejs - Simplest bindings between React & Three.js
• react-masonry-css - Fast Masonry layout powered by CSS, dependency free
• react-captcha - A react.js reCAPTCHA for Google
• reaptcha - Clean, modern and simple React wrapper for Google reCAPTCHA
• react-recaptcha-that-works - A reCAPTCHA bridge for React that works

Forms

• React Forms
• react-formal - Better form validation and value management for React, Provides minimal wiring
• react-forms - Forms library for React
• valuelink - full-featured two-way data binding with extended React links
• 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
• Redux-Autoform - Create Redux-Forms dynamically out of metadata
• uniforms - Bunch of React components and helpers to easily generate and validate forms
• formik - Forms in React, without tears
• NeoForm – Modular HOCs for form state management and validation
• react-jsonschema-form – A React component for building Web forms from JSON Schema
• List View Select - A Toggleable select box for React Native with native components
• Final Form 🏁
• formland - A simple, super-flexible, extensible config based form generator
• ez-react-form - simple form syntax. Works with multiple Style Frameworks like: Bootstrap, Semantic UI, etc.
• react-reactive-form - Angular like reactive 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
• instatype by @gragland - Simple react autocomplete component
• downshift - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components
• React Bootstrap Typeahead - A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js.

Documentation Tools

• react-docgen - Extract information from React component files for documentation generation
• react-styleguide-generator - Easily generate a good-looking styleguide
• react-display-window - A simple tool to showcase react components

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
• NestedTypes - fast mutable models with "pure render" support
• 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
• MobX - Simple, scalable state management
• Qaf - Components as stores. Simple state management for React based on context
• 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
• tydel - Typed Models and Collections, with React bindings
• extendable-immutable - Extend any Immutable.js data structure
• statty - A tiny and unobtrusive state management library for React and Preact apps
• Hydux - An Elm-Like state manager for React with "batteries included"
• ReSub - A library for writing better React components and data stores
• ProppyJS - A tiny library for functional props composition
• WatermelonDB - 🍉 Next-gen database for powerful React and React Native apps that scales to 10,000s of records and remains fast

React Developer 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
• generator-reactapp - Yeoman generator for react app with redux, webpack, gulp and restful.js etc.
• static-site-generator-webpack-plugin - Prerender isomorphic JavaScript apps to static HTML
• react-cosmos - DX tool for designing reusable React components
• Storybook - Development environment for UI components
• generator-sui-react - A yeoman generator for Schibsted User Interface (SUI) ReactJS components
• Racket - A yeoman generator for creating a universal react/redux web application
• Docz - An incredible environment to build components and generate beautiful and highly customizable documentation using MDX

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
• react-mapbox-gl - A mapbox-gl-js wrapper to make the API react friendly
• google-maps-react - A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a test-driven approach by the Fullstack React team.
• react-leaflet - React components for Leaflet maps
• react-geo - A set of geo-related components using react, antd, and ol
• pigeon-maps - ReactJS maps without external dependencies

Charts

• DevExtreme React Chart - High-performance plugin-based React chart for Bootstrap and Material Design
• react-chartjs - Common react charting components using chart.js
• react-stockcharts - Highly customizable stock charts with ReactJS and d3
• Number Picture - Low-level building blocks for constructing animated visualizations with React & D3.
• VictoryJS - A collection of composable React components for building interactive data visualizations
• Recharts - A charting library built on D3 with an awesome declarative API

Job Interview Tools

• List of hundreds ReactJS interview questions and answers

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 StackOverflow
• React Native Radio

React Native Tutorials

• React Native Tutorial
• Building the F8 2016 App
• Introducing React Native: Building Apps with JavaScript
• Introduction to React Native: Building iOS Apps with JavaScript
• 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
• The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1)
• The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2)
• A Mini-Course on React Native Flexbox
• A Complete Guide to Flexbox
• Test driving react native applications

React Native Developer Experience

• react-native-webpack-server - Build React Native apps with Webpack
• react-native-code-push - React Native plugin for the CodePush service
• Preview your React Native apps in your Github Pull Request

React Native Sample Apps

• HackerNews
• Ziliun
• FinanceReactNative
• SplashWalls
• NBAreact

React Native Boilerplates

• Create React Native App - Create a React Native app on any OS with no build config, with or without Expo
• Snowflake - React Native iOS & Android with Redux, Parse.com, Jest (88% coverage)
• Ignite - The hottest CLI for React Native, boilerplates, plugins, generators, and more!

React Native Awesome Components

• react-native-social-share - Use the iOS and Android native Twitter and Facebook share popup with React Native
• 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

JSX

XML-Like Syntax Extension to JavaScript

JSX Resources

• JSX Spec
• JSX in Depth
• JSX in TypeScript

Flux

Application Architecture for Building User Interfaces

Flux General Resources

• Flux Official Site
• Flux GitHub
• Awesome Flux

Flux Implementations

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

Flux Tutorials

• Building Applications with React and Flux
• 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
• 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
• FOR FLUX SAKE! - a beginners tutorial
• Simple Counter App with React and Nuclear JS
• LearnCode.academy Flux Tutorial Series

Redux

Predictable State Container for JavaScript Apps

Redux General Resources

• Redux GitHub
• Redux Official Site
• Awesome Redux List

Redux Tools

• react-redux - Official React bindings for Redux
• redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI
  • react-router-redux - Bindings to keep react-router and redux in sync
• redux-form - A Higher Order Component using react-redux to keep form state
• redux-thunk - Thunk middleware for redux
• redux-logger - Logger middleware for redux
• reselect - Selector library for Redux
• normalizr - Normalizes nested JSON according to a schema
• redux-saga - An alternative side effect model for Redux apps
• redux-data-fx - Declarative Side Effects for Redux
• redux-observable - RxJS middleware for Redux
• redux-analytics - Analytics middleware for Redux
• redux-undo - Higher order reducer to add undo/redo functionality to redux state containers
• redux-search - Redux bindings for client-side search
• redux-mock-store - A mock store for your testing your redux async action creators and middleware
• redux-immutable - Create an equivalent function of Redux combineReducers that works with Immutable.js state
• redux-react-i18n - An i18n solution for redux/react
• R16N - A redux/react I18n solution
• redux-actiontyper - Helper to create less verbose action types for Redux
• redux-state-validator - A simple redux middleware to validate redux state values and object types using JSON Schema

Redux Tutorials

• Building Applications with React and Redux in ES6
• Getting Started with Redux
• Building React Applications with Idiomatic Redux
• Redux Tutorial
• Getting Started with React, Redux and Immutable: a Test-Driven Tutorial: Part 1
• Getting Started with React, Redux and Immutable: a Test-Driven Tutorial: Part 2
• Full-Stack Redux Tutorial
• Server-Side Rendering with Redux and React-Router
• Deep Introduction to Redux
• Unit Testing Redux Apps
• Secure Your React and Redux App with JWT Authentication
• Build an Image Gallery Using React, Redux and redux-saga
• A simplified approach to calling APIs with redux
• React Redux based blood donor demo application
• LearnCode.academy Redux Tutorials Series

MobX

Simple, scalable state management for JavaScript Apps

MobX General Resources

• MobX GitHub
• MobX Official Site

MobX Tools

• mobx-react - React component wrapper for combining React with MobX

MobX Tutorials

• Ten minute introduction to MobX and React
• Manage Complex State in React Apps with MobX
• Refactor your application from Redux to MobX
• Redux or MobX: An attempt to dissolve the Confusion

Testing

React Testing

Testing Utilities

• Jest - Painless JavaScript Unit Testing
• enzyme - JavaScript Testing utilities for React
• chai-immutable - Chai assertions for Facebook's Immutable library for JavaScript collections
• react-testing-library - React DOM testing utilities that encourage good testing practices

Testing Tutorials

• Approaches to testing React components - an overview
• Unit testing React components without a DOM
• The missing piece to the React testing puzzle

GraphQL

Query Language

GraphQL Spec

• GraphQL Official Site
• GraphQL Specification
• GraphQL Specification Repository

GraphQL Tools

• GraphCMS - The GraphQL Headless CMS
• GraphQL CMS
• Mongoose schema To GraphQL
• GraphQL bridge to REST API
• GraphQL Playground - GraphQL IDE for better development workflows

GraphQL Tutorials

• GraphQL Introduction
• First Thoughts on GraphQL
• Modeling Queries in a GraphQL Like Way
• Thin and Graphy
• 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 Tour: Variables
• How to Graphql - The Fullstack Tutorial for GraphQL

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
• graphql-go - GraphQL for Go/Golang

Server Integration

• express-graphql - Create a GraphQL HTTP server with Express
• graphql-yoga - Easiest way to run a GraphQL server

Database Integration

• Hasura - Build scalable GraphQL applications on Postgres in minutes. Create tables and relationships and get GraphQL APIs instantly with fine grained permissions and access control.
• Prisma - a performant open-source GraphQL ORM-like * layer doing the heavy lifting in your GraphQL server.
• 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 Offical Site
• Relay GitHub

Relay Tutorials

• official Relay Getting Started
• Relay for Visual Learners
• Getting Started with Relay
• Relay and Routing

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

Apollo

Data stack based on GraphQL

Apollo General Resources

• Apollo Official Site
• Apollo GitHub
• Apollo Blog
• Apollo Slack

Apollo Tools

• react-apollo-redux - A small wrapper to automatically dispatch actions in response to apollo mutations

Flow

Static Type Checker for JavaScript

Flow Resources

• Flow Official Site
• Flow GitHub

Videos

Video from Confs

• 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

React Amsterdam 2016 Playlist

ReactEurope Conf 2016 Day 1 Playlist

ReactEurope Conf 2016 Day 2 Playlist

ReactRally Conf 2016 Playlist

React.js Amsterdam 2018 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 For Everyone
• React Native in Arabic - Create a real app series
• Start Using React to Build Web Applications
• Modern React with Redux
• Advanced React and Redux

Books

• SurviveJS - Webpack and React
• Fullstack React: The Complete Guide to ReactJS and Friends
• The Road to learn React
• Isomorphic Development with JavaScript
• React in Action
• React Quickly
• React: Up & Running: Building Web Applications
• Developing a React.js Edge
• Builder Book: Build a Full-stack JavaScript Web App from Scratch

Demos

• React and React Native State Museum
• 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 + NestedTypes 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 github issues viewer build in react + backbone
• wolfenstein3D-react - Wolfenstein with the rendering layer written in React
• Flux ImmutableJS TodoList
• Hapi+React+Flux user management system
• Redux TodoMVC
• react-babel-webpack - CRUD demo app featuring React, React Router, Flux, Webpack, Bootstrap
• React/Redux CRUD with persistent state in Local Storage
• React Slack clone - comprehensive Slack clone built with React and Chatkit
• react-color-wander - Generative art with React

Example Apps

• isomorphic500 - Isomorphic JS app built with React and Fluxible
• fil - A playground for in-browser interpreters (Redux)
• sound-redux - A Soundcloud client built with React / Redux
• react-pomodoro - A Pomodoro timer for developers
• Do - Notes management application built with React and Redux
• soundcloud-react-redux - A SoundCloud Client built with React / Redux
• soundcloud-react-mobx - A SoundCloud Client built with React / MobX
• A Reimplementation of Winamp 2.9 with React and Redux
• ComingOrNot - Event Planner built with react, react-router, redux, graphQL & serverless
• React Reduction - Admin Dashboard built with React + Bootstrap4
• React Code Splitting Sample - React + React Router + Flux
• Responsive React 'The Movie Database' (TMDb) App
• CoreUI - Free Admin Panel built with React and Bootstrap 4

Real apps

Remember this is an awesome list. To be included here, apps should be:

1. Tracking the latest releases of React.
2. Actively maintained.
3. Have significant user base.

• debugger.html – Firefox debugger
• Remote Retro – Agile retrospectives for distributed teams
• Spectrum – Simple, powerful online communities
• Mattermost – Open source Slack alternative

Contribution

Your contributions and suggestions are heartily♡ welcome. (✿◠‿◠)

License