# Awesome React

{% content-ref url="untitled" %}
[untitled](https://bryan-guner.gitbook.io/my-docs/lambda-labs/docs/react/untitled)
{% endcontent-ref %}

{% content-ref url="awesome-react" %}
[awesome-react](https://bryan-guner.gitbook.io/my-docs/lambda-labs/docs/react/awesome-react)
{% endcontent-ref %}

{% content-ref url="" %}
[](https://bryan-guner.gitbook.io/my-docs/lambda-labs/docs/react)
{% endcontent-ref %}

## Awesome React

### **Awesome React** [![Awesome](https://camo.githubusercontent.com/abb97269de2982c379cbc128bba93ba724d8822bfbe082737772bd4feb59cb54/68747470733a2f2f63646e2e7261776769742e636f6d2f73696e647265736f726875732f617765736f6d652f643733303566333864323966656437386661383536353265336136336531353464643865383832392f6d656469612f62616467652e737667)](https://github.com/sindresorhus/awesome)

A collection of awesome things regarding the React ecosystem.

* [React](https://github.com/BolajiAyodeji/awesome-react#react)
  * [React General Resources](https://github.com/BolajiAyodeji/awesome-react#react-general-resources)
  * [React Community](https://github.com/BolajiAyodeji/awesome-react#react-community)
  * [React Online Playgrounds](https://github.com/BolajiAyodeji/awesome-react#react-online-playgrounds)
  * [React Tutorials](https://github.com/BolajiAyodeji/awesome-react#react-tutorials)
    * [React General Tutorials](https://github.com/BolajiAyodeji/awesome-react#react-general-tutorials)
    * [React Hooks](https://github.com/BolajiAyodeji/awesome-react#react-hooks)
    * [React and TypeScript](https://github.com/BolajiAyodeji/awesome-react#react-and-typescript)
    * [React Performance](https://github.com/BolajiAyodeji/awesome-react#react-performance)
    * [React Internals](https://github.com/BolajiAyodeji/awesome-react#react-internals)
    * [React Interview Questions](https://github.com/BolajiAyodeji/awesome-react#react-interview-questions)
  * [React Tools](https://github.com/BolajiAyodeji/awesome-react#react-tools)
    * [React Development Tools](https://github.com/BolajiAyodeji/awesome-react#react-development-tools)
    * [React Frameworks](https://github.com/BolajiAyodeji/awesome-react#react-frameworks)
    * [React Styling](https://github.com/BolajiAyodeji/awesome-react#react-styling)
    * [React Routing](https://github.com/BolajiAyodeji/awesome-react#react-routing)
    * [React Component Libraries](https://github.com/BolajiAyodeji/awesome-react#react-component-libraries)
    * [React Awesome Components](https://github.com/BolajiAyodeji/awesome-react#react-awesome-components)
    * [React for Command Line](https://github.com/BolajiAyodeji/awesome-react#react-for-command-line)
    * [React Testing](https://github.com/BolajiAyodeji/awesome-react#react-testing)
    * [React Libraries](https://github.com/BolajiAyodeji/awesome-react#react-libraries)
    * [React Integration](https://github.com/BolajiAyodeji/awesome-react#react-integration)
    * [React State Management](https://github.com/BolajiAyodeji/awesome-react#react-state-management)
    * [React AR and VR](https://github.com/BolajiAyodeji/awesome-react#react-ar-and-vr)
    * [Forms](https://github.com/BolajiAyodeji/awesome-react#forms)
    * [Autocomplete](https://github.com/BolajiAyodeji/awesome-react#autocomplete)
    * [Graphics](https://github.com/BolajiAyodeji/awesome-react#graphics)
    * [Data Managing](https://github.com/BolajiAyodeji/awesome-react#data-managing)
    * [Maps](https://github.com/BolajiAyodeji/awesome-react#maps)
    * [Charts](https://github.com/BolajiAyodeji/awesome-react#charts)
* [React Native](https://github.com/BolajiAyodeji/awesome-react#react-native)
  * [React Native General Resources](https://github.com/BolajiAyodeji/awesome-react#react-native-general-resources)
  * [React Native Community](https://github.com/BolajiAyodeji/awesome-react#react-native-community)
  * [React Native Tutorials](https://github.com/BolajiAyodeji/awesome-react#react-native-tutorials)
  * [React Native Development Tools](https://github.com/BolajiAyodeji/awesome-react#react-native-development-tools)
  * [React Native Sample Apps](https://github.com/BolajiAyodeji/awesome-react#react-native-sample-apps)
  * [React Native Boilerplates](https://github.com/BolajiAyodeji/awesome-react#react-native-boilerplates)
  * [React Native Awesome Components](https://github.com/BolajiAyodeji/awesome-react#react-native-awesome-components)
* [Redux](https://github.com/BolajiAyodeji/awesome-react#redux)
  * [Redux General Resources](https://github.com/BolajiAyodeji/awesome-react#redux-general-resources)
  * [Redux Tools](https://github.com/BolajiAyodeji/awesome-react#redux-tools)
  * [Redux Tutorials](https://github.com/BolajiAyodeji/awesome-react#redux-tutorials)
* [MobX](https://github.com/BolajiAyodeji/awesome-react#mobx)
  * [MobX General Resources](https://github.com/BolajiAyodeji/awesome-react#mobx-general-resources)
  * [MobX Tools](https://github.com/BolajiAyodeji/awesome-react#mobx-tools)
  * [MobX Tutorials](https://github.com/BolajiAyodeji/awesome-react#mobx-tutorials)
* [GraphQL](https://github.com/BolajiAyodeji/awesome-react#graphql)
  * [GraphQL Spec](https://github.com/BolajiAyodeji/awesome-react#graphql-spec)
  * [GraphQL Tools](https://github.com/BolajiAyodeji/awesome-react#graphql-tools)
  * [GraphQL Tutorials](https://github.com/BolajiAyodeji/awesome-react#graphql-tutorials)
  * [GraphQL Implementations](https://github.com/BolajiAyodeji/awesome-react#graphql-implementations)
  * [Server Integration](https://github.com/BolajiAyodeji/awesome-react#server-integration)
  * [Database Integration](https://github.com/BolajiAyodeji/awesome-react#database-integration)
* [Relay](https://github.com/BolajiAyodeji/awesome-react#relay)
  * [Relay General Resources](https://github.com/BolajiAyodeji/awesome-react#relay-general-resources)
  * [Relay Tutorials](https://github.com/BolajiAyodeji/awesome-react#relay-tutorials)
  * [Relay Tools](https://github.com/BolajiAyodeji/awesome-react#relay-tools)
* [Apollo](https://github.com/BolajiAyodeji/awesome-react#apollo)
  * [Apollo General Resources](https://github.com/BolajiAyodeji/awesome-react#apollo-general-resources)
* [Videos](https://github.com/BolajiAyodeji/awesome-react#videos)
  * [Important Talks](https://github.com/BolajiAyodeji/awesome-react#important-talks)
  * [React.js Conf 2015 Playlist](https://github.com/BolajiAyodeji/awesome-react#reactjs-conf-2015-playlist)
  * [ReactEurope Conf 2015 Day 1 Playlist](https://github.com/BolajiAyodeji/awesome-react#reacteurope-conf-2015-day-1-playlist)
  * [ReactEurope Conf 2015 Day 2 Playlist](https://github.com/BolajiAyodeji/awesome-react#reacteurope-conf-2015-day-2-playlist)
  * [ReactRally Conf 2015 Playlist](https://github.com/BolajiAyodeji/awesome-react#reactrally-conf-2015-playlist)
  * [React.js Conf 2016 Playlist](https://github.com/BolajiAyodeji/awesome-react#reactjs-conf-2016-playlist)
  * [ReactRally Conf 2016 Playlist](https://github.com/BolajiAyodeji/awesome-react#reactrally-conf-2016-playlist)
  * [React.js Amsterdam 2018 Playlist](https://github.com/BolajiAyodeji/awesome-react#reactjs-amsterdam-2018-playlist)
  * [Video Tutorials](https://github.com/BolajiAyodeji/awesome-react#video-tutorials)
* [Demo React Apps](https://github.com/BolajiAyodeji/awesome-react#demo-react-apps)
* [Real React Apps](https://github.com/BolajiAyodeji/awesome-react#real-react-apps)
* [Contribution](https://github.com/BolajiAyodeji/awesome-react#contribution)

### React

> JavaScript Library for building User Interfaces

**React General Resources**

* [React Official Website](https://reactjs.org/)
* [React Documentation](https://reactjs.org/docs)
* [React GitHub](https://github.com/facebook/react)

**React Community**

* [Reactiflux Discord Channel](http://www.reactiflux.com/)
* [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs)
* [React Twitter](https://twitter.com/reactjs)

**React Online Playgrounds**

* [CodePen](https://reactjs.org/redirect-to-codepen/hello-world)
* [CodeSandbox](https://codesandbox.io/s/new)
* [JSFiddle](https://jsfiddle.net/boilerplate/react-jsx)

**React Tutorials**

**React General Tutorials**

* [React Official Tutorial](https://facebook.github.io/react/docs/tutorial.html)
* [Using React in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial)
* [Scrimba - Learn React for free interactively](https://scrimba.com/g/glearnreact)
* [FreeCodeCamp React Challenges](https://learn.freecodecamp.org/front-end-libraries/react)
* [React Cheatsheet](https://devhints.io/react)
* [React Patterns](https://reactpatterns.com/)
* [Setup Flow with React](https://flow.org/en/docs/react/)

**React Hooks**

* [React Hooks](https://reactjs.org/docs/hooks-intro.html)
* [Replacing Redux with React Hooks and Context](https://medium.com/octopus-labs-london/replacing-redux-with-react-hooks-and-context-part-1-11b72ffdb533)
* [React Hooks cheat sheet: Unlock solutions to common problems](https://blog.logrocket.com/react-hooks-cheat-sheet-unlock-solutions-to-common-problems-af4caf699e70/)
* [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data/)
* [Easy to understand React Hook recipes](https://usehooks.com/)
* [Awesome React Hooks](https://github.com/rehooks/awesome-react-hooks)
* [Build a React chat app with Hooks, a pragmatic example](https://www.cometchat.com/tutorials/building-a-chat-app-with-react-hooks-a-pragmatic-example/)

**React and TypeScript**

* [TypeScript, React and Webpack](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html)
* [JSX in TypeScript](https://www.typescriptlang.org/docs/handbook/jsx.html)
* [Cheatsheets for experienced React developers getting started with TypeScript](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet)

**React Performance**

* [React Optimizing Performance](https://reactjs.org/docs/optimizing-performance.html)
* [Introducing the React Profiler](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html)
* [Optimizing React: Virtual DOM explained](https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained)
* [A Definitive Guide to Optimize Major Performance issues in React](https://www.simform.com/react-performance/)
* [Twitter Lite and High Performance React Progressive Web Apps at Scale](https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3)
* [Using the React DevTools Profiler to Diagnose React App Performance Issues](https://www.netlify.com/blog/2018/08/29/using-the-react-devtools-profiler-to-diagnose-react-app-performance-issues/)
* [Top 5 Practices to Boost React Performance](https://www.codementor.io/blizzerand/top-5-practices-to-boost-react-performance-jv6zr89ep)
* [React is Slow, React is Fast: Optimizing react Apps in Practice](https://medium.com/dailyjs/react-is-slow-react-is-fast-optimizing-react-apps-in-practice-394176a11fba)
* [Rendering large lists with react-window](https://addyosmani.com/blog/react-window/)

**React Internals**

* [Reconciliation](https://reactjs.org/docs/reconciliation.html)
* [React Fiber Architecture](https://github.com/acdlite/react-fiber-architecture)
* [Build your own React](https://engineering.hexacta.com/didact-learning-how-react-works-by-building-it-from-scratch-51007984e5c5)
* [Inside Fiber: In-depth overview of the new reconciliation algorithm in React](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e)
* [Entire React code base explanation by visual block schemes](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS)

**React Interview Questions**

* [13 Essential React Interview Questions](https://www.toptal.com/react/interview-questions)
* [List of React interview Questions and Answers](https://github.com/sudheerj/reactjs-interview-questions)

**React Tools**

**React Development Tools**

* [create-react-app](https://github.com/facebook/create-react-app) - Set up a modern Web app by running one command
* [react-starter-kit](https://github.com/kriasoft/react-starter-kit) - Isomorphic Web app boilerplate
* [react-devtools](https://github.com/facebook/react-devtools) - Inspection of React component hierarchy in the Chrome and Firefox Developer Tools
* [react-hot-loader](https://github.com/gaearon/react-hot-loader) - Tweak React components in real time
* [react-loadable](https://github.com/jamiebuilds/react-loadable) - A higher order component for loading components with promises
* [loadable-components](https://github.com/smooth-code/loadable-components) - React code splitting made easy
* [reactotron](https://github.com/skellock/reactotron) - A desktop app for inspecting your React and React Native projects
* [storybook](https://github.com/storybookjs/storybook) - UI component dev & test
* [react-styleguidist](https://github.com/styleguidist/react-styleguidist) - Isolated React component development environment with a living style guide
* [react-cosmos](https://github.com/react-cosmos/react-cosmos) - Dev tool for creating reusable React components
* [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react) - React specific linting rules for ESLint
* [eslint-plugin-jsx-a11y](https://github.com/evcohen/eslint-plugin-jsx-a11y) - Static AST checker for a11y rules on JSX elements
* [react-axe](https://github.com/dequelabs/react-axe) - Accessibility auditing for React applications

**React Frameworks**

* [next.js](https://github.com/zeit/next.js) - The React Framework
* [gatsby.js](https://github.com/gatsbyjs/gatsby) - Free and open source framework based on React

**React Styling**

* [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age
* [emotion](https://github.com/emotion-js/emotion) - Library designed for writing CSS styles with JavaScript
* [radium](https://github.com/FormidableLabs/radium) - A toolchain for React component styling
* [jss](https://github.com/cssinjs/jss) - Authoring tool for CSS

**React Routing**

* [react-router](https://github.com/ReactTraining/react-router) - Declarative routing for React
* [navi](https://github.com/frontarm/navi) - Declarative, asynchronous routing for React
* [curi](https://github.com/pshrmn/curi) - JavaScript router for single-page applications

**React Component Libraries**

* [material-ui](https://github.com/mui-org/material-ui) - React components for faster and easier web development
* [ant-design](https://github.com/ant-design/ant-design) - A design system with values of Nature and Determinacy
* [blueprint](https://github.com/palantir/blueprint) - A React-based UI toolkit for the webs
* [office-ui-fabric-react](https://github.com/OfficeDev/office-ui-fabric-react) - React components for building Microsoft web experiences
* [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React
* [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components
* [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration
* [react-fontawesome](https://github.com/FortAwesome/react-fontawesome) - Font Awesome 5 component library for React
* [reakit](https://github.com/reakit/reakit) - Accessible, Composable and Customizable components for React
* [rsuite](https://github.com/rsuite/rsuite) - A suite of React components
* [atlaskit](https://bitbucket.org/atlassian/atlaskit-mk-2) - Atlassian's official UI library, built according to the Atlassian Design Guidelines.
* [baseweb](https://github.com/uber/baseweb) - Base Web is a foundation for initiating, evolving, and unifying web products.

**React Awesome Components**

* [Awesome React Components list](https://github.com/brillout/awesome-react-components)
* [react-select](https://github.com/JedWatson/react-select) - The Select Component for React
* [react-dnd](https://github.com/react-dnd/react-dnd) - Drag and Drop for React
* [react-grid-layout](https://github.com/strml/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints
* [react-table](https://github.com/tannerlinsley/react-table/) - A lightweight, fast and extendable datagrid for React
* [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid component built with React
* [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component
* [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - A resizable and draggable component for React
* [react-resizable](https://github.com/strml/react-resizable) - A simple React component that is resizable with a handle
* [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - A resizable component for React
* [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - A sortable and resizable pane component for React
* [react-spaces](https://github.com/aeagle/react-spaces) - Nestable resizable, anchored, scrollable components
* [react-dates](https://github.com/airbnb/react-dates) - An easily internationalizable, mobile-friendly datepicker library for the web
* [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Calendar component
* [react-datepicker](https://github.com/Hacker0x01/react-datepicker/) - ReactJS Datepicker
* [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component
* [react-intl](https://github.com/yahoo/react-intl) - Internationalize React apps
* [react-i18next](https://github.com/i18next/react-i18next) - Internationalization for React done right
* [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible React modal
* [react-hotkeys](https://github.com/greena13/react-hotkeys) - Declarative hotkey and focus area management for React
* [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components
* [react-joyride](https://github.com/gilbarbara/react-joyride) - Create guided tours for your apps
* [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data
* [react-window](https://github.com/bvaughn/react-window) - React components for efficiently rendering large lists and tabular data
* [react-text-mask](https://github.com/text-mask/text-mask) - Input mask for React
* [react-loading-skeleton](https://github.com/dvtng/react-loading-skeleton) - Create skeleton screens that automatically adapt to your app
* [react-spinkit](https://github.com/KyleAMathews/react-spinkit) - A collection of loading indicators animated with CSS for React
* [rheostat](https://github.com/airbnb/rheostat) - Accessible slider component built with React
* [qrcode.react](https://github.com/zpao/qrcode.react) - QR component for use with React
* [react-archer](https://github.com/pierpo/react-archer) - Draw arrows between React elements

**React for Command Line**

* [ink](https://github.com/vadimdemedes/ink) - React for interactive command-line apps
* [react-blessed](https://github.com/Yomguithereal/react-blessed) - A React renderer for blessed terminal interface library

**React Testing**

* [jest](https://github.com/facebook/jest) - Delightful JavaScript Testing Framework
* [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React
* [react-testing-library](https://github.com/testing-library/react-testing-library) - Simple and complete React DOM testing utilities
* [react-hooks-testing-library](https://github.com/mpeyper/react-hooks-testing-library) - React hooks testing utilities that encourage good testing practices
* [majestic](https://github.com/Raathigesh/majestic) - Zero config GUI for Jest

**React Libraries**

* [react-border-wrapper - A wrapper for placing elements along div borders in React.](https://github.com/Metroxe/react-border-wrapper)
* [react-magic - Automatically AJAXify plain HTML with the power of React](https://github.com/reactjs/react-magic)
* [react-toolbox - A set of React components implementing Google's Material Design specification](https://github.com/react-toolbox/react-toolbox)
* [tcomb-react - Library allowing you to check all the props of your React components](https://github.com/gcanti/tcomb-react)
* [react-responsive - Media queries in react for responsive design](https://github.com/wearefractal/react-responsive)
* [react-cursor - Functional state management abstraction for use with Facebook React](https://github.com/dustingetz/react-cursor)
* [Omniscient.js - Abstracting React components for fast top down render of immutable data](https://github.com/omniscientjs/omniscient)
* [Touchstonejs - React.js powered UI framework for developing beautiful hybrid mobile apps.](https://github.com/touchstonejs/touchstonejs)
* [Elemental - A UI Toolkit for React.js Websites and Apps](http://elemental-ui.com/)
* [StateTrooper - Centrally manage state for React applications with CSP](https://github.com/swipely/state-trooper)
* [Preact: Fast 3kb React alternative with the same ES6 API.](https://git.io/preact)
* [riotjs - A React- like, 3.5KB user interface library](https://github.com/muut/riotjs)
* [Maple.js - Bringing the concept of web-components to React](https://github.com/Wildhoney/Maple.js)
* [react-i13n - A performant, scalable and pluggable approach to instrumenting your React application](https://github.com/yahoo/react-i13n)
* [react-icons - svg react icons of popular icon packs](https://github.com/gorangajic/react-icons)
* [Keo - Plain functions for a more functional Deku approach to creating React components, with functional goodies such as pipe, memoize, etc...](https://github.com/Wildhoney/Keo)
* [Bit - A virtual repository for managing and using react and other web components across applications](https://github.com/teambit/bit)
* [AtlasKit - Atlassian's React UI library](https://atlaskit.atlassian.com/)
* [ReactiveSearch - UI components library for Elasticsearch](https://github.com/appbaseio/reactivesearch)
* [Slate - A completely customizable framework for building rich text editors.](https://github.com/ianstormtaylor/slate)
* [react-json-schema - Construct React elements from JSON by mapping JSON definitions to React components that you expose.](https://github.com/TechniqueSoftware/react-json-schema)
* [compose-state - Compose multiple setState or getDerivedStateFromProps updaters in React](https://github.com/tvler/compose-state)
* [PrimeReact - The Most Complete UI Framework for React!](https://github.com/primefaces/primereact)
* [react-lodash - Lodash as React components](https://github.com/typicode/react-lodash)
* [react-helmet - A document head manager for React](https://github.com/nfl/react-helmet)
* [Stator - Simple, plain JavaScript state management with built-in support for React](https://github.com/cs01/stator)
* [ClearX - Fast & Effortless State management for React with zero learning curve. ClearX gives great flexibiility in separation of concerns for your React applicationss](https://github.com/Autodesk/clearx)
* [react-snap](https://github.com/stereobooster/react-snap) - Zero-configuration framework-agnostic static prerendering for SPAs
* [Draft.js](https://github.com/facebook/draft-js) - A React framework for building text editors
* [refract](https://github.com/fanduel-oss/refract) - Harness the power of reactive programming to supercharge your components
* [react-desktop - OS X and Windows UI components built with React](https://github.com/gabrielbull/react-desktop)
* [Reapop - A React & Redux notifications system](https://github.com/LouisBarranqueiro/reapop)
* [react-extras](https://github.com/sindresorhus/react-extras) - Useful components and utilities for working with React
* [react-instantsearch](https://github.com/algolia/react-instantsearch) - Lightning-fast search for React and React Native applications, by Algolia
* [uppy](https://github.com/transloadit/uppy) - The next open source file uploader for web browsers
* [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems
* [react-esi](https://github.com/dunglas/react-esi) - React Edge Side Includes
* [hookstate](https://github.com/avkonst/hookstate) - Modern, very fast and extendable state management for React that is based on hooks

**React Integration**

* [ReasonReact](https://reasonml.github.io/reason-react/)
* [React Rails](https://github.com/reactjs/react-rails)
* [ReactJS.NET](https://github.com/reactjs/React.NET)
* [om - ClojureScript interface](https://github.com/swannodette/om)
* [Reagent - A minimalistic ClojureScript interface to React.js](https://github.com/reagent-project/reagent)
* [Express React views](https://github.com/reactjs/express-react-views)
* [React Page Middleware](https://github.com/reactjs/react-page-middleware)
* [ngReact - React Components in Angular](https://github.com/davidchang/ngReact)
* [coffee-react-transform - Provides React JSX support for Coffeescript](https://github.com/jsdf/coffee-react-transform)
* [sprockets-coffee-react - Sprockets preprocessor for CJSX](https://github.com/jsdf/sprockets-coffee-react)
* [react-kup - A simple, non-intrusive alternative to jsx for coffeescript](https://github.com/snd/react-kup)
* [turbo-react - Combine Turbolinks and React to apply DOM diffs](https://github.com/ssorallen/turbo-react)
* [react-bacon - A little module for using React with Bacon.js](https://github.com/jamesmacaulay/react-bacon)
* [msx - React's JSX Transformer, tweaked to output calls to Mithril](https://github.com/insin/msx)
* [React.withBackbone - React 16 ready backbone binding](https://github.com/beanworks/React.withBackbone)
* [Backbone React Component](https://github.com/magalhas/backbone-react-component)
* [react-backbone - Backbone-aware mixins for react](https://github.com/jhudson8/react-backbone)
* [NestedReact - transparent integration with Backbone Views and NestedTypes models](https://github.com/Volicon/NestedReact/)
* [backbone-reaction - React, Backbone and then some](https://github.com/jhudson8/backbone-reaction)
* [react.backbone - Plugin for React to make Backbone migration easier](https://github.com/usepropeller/react.backbone)
* [reactbone - React extensions for Backbone](https://github.com/andrejewski/reactbone)
* [backbone-react-ui - React components for use with backbone and backbone paginator](https://github.com/securingsincity/backbone-react-ui)
* [react-events - Declarative managed event bindings for react components](https://github.com/jhudson8/react-events)
* [react-mixin-manager - React mixin registration manager](https://github.com/jhudson8/react-mixin-manager)
* [gsap-react-plugin - A GSAP plugin for tweening React.js component state](https://github.com/hzdg/gsap-react-plugin)
* [react-topcoat by @plaxdan - Topcoat CSS components built with the React library](https://github.com/plaxdan/react-topcoat)
* [react-topcoat by @arnemart - A collection of React components for Topcoat](https://github.com/arnemart/react-topcoat)
* [reactdown - Write React components using markdown syntax](https://github.com/andreypopp/reactdown)
* [react-jade - Compile Jade to React JavaScript](https://github.com/ForbesLindesay/react-jade)
* [jade-react - Compile Jade templates to React.DOM expressions](https://github.com/duncanbeevers/jade-react)
* [gulp-jade-react - Compile Jade templates into React de-sugared JSX with Gulp](https://github.com/duncanbeevers/gulp-jade-react)
* [sbt-reactjs - React SBT Plugin using npm](https://github.com/ddispaltro/sbt-reactjs)
* [scalajs-react - A guilty affair between Scala.js and Facebook's React](https://github.com/japgolly/scalajs-react)
* [react-xtags - Using React to implement xtags](https://github.com/vjeux/react-xtags/)
* [jreact - React on server-side Java (with Rhino or Nashorn)](https://github.com/KnisterPeter/jreact)
* [React.hiccup - A complete replacement for JSX written in sweet.js](https://github.com/lantiga/react.hiccup)
* [react-play - Rendering React components in the Play Framework with JDK8's Nashorn](https://github.com/ssorallen/react-play)
* [rx-react - Utilities to works with React in a RxJS](https://github.com/fdecampredon/rx-react)
* [react-with-di - A hacked prototype of React.js with DI](https://github.com/vojtajina/react-with-di)
* [reactfire - ReactJS mixin for easy Firebase integration](https://github.com/firebase/reactfire)
* [firedux - Firebase + Redux for ReactJS](https://github.com/AndersDJohnson/firedux)
* [react-clickdrag-mixin - ClickDrag mixin for React component](https://github.com/tleunen/react-clickdrag-mixin)
* [Rewrite the Admin UI of KeystoneJS in React](https://github.com/keystonejs/keystone/issues/503)
* [react-masonry-mixin - Standalone mixin for Masonry (@desandro)](https://github.com/eiriklv/react-masonry-mixin)
* [react-packery-mixin - Standalone mixin for Packery (Metafizzy)](https://github.com/eiriklv/react-packery-mixin)
* [react-dropzone - Simple HTML5 drag-drop zone with React.js.](https://github.com/paramaggarwal/react-dropzone)
* [aframe-react - A-Frame VR + React](https://github.com/ngokevin/aframe)
* [react-three - React bindings to create and control a 3D scene using three.js](https://github.com/Izzimach/react-three)
* [react-three-renderer - Render into a three.js canvas using React](https://github.com/toxicFork/react-three-renderer)
* [react-threejs - Simplest bindings between React & Three.js](https://github.com/fritx/react-threejs)
* [react-masonry-css - Fast Masonry layout powered by CSS, dependency free](https://github.com/paulcollett/react-masonry-css)
* [react-captcha - A react.js reCAPTCHA for Google](https://github.com/appleboy/react-recaptcha)
* [reaptcha - Clean, modern and simple React wrapper for Google reCAPTCHA](https://github.com/sarneeh/reaptcha)
* [react-recaptcha-that-works - A reCAPTCHA bridge for React that works](https://github.com/douglasjunior/react-recaptcha-that-works)

**React State Management**

* [redux](https://github.com/BolajiAyodeji/awesome-react#redux)
* [mobx](https://github.com/BolajiAyodeji/awesome-react#mobx)
* [flux](http://facebook.github.io/flux/)

**React AR and VR**

* [React 360](https://facebook.github.io/react-360/) - Create exciting 360 and VR experiences using React
* [Viro React](https://viromedia.com/viroreact/) - Platform for rapidly building AR/VR applications using React Native

**Forms**

* [React Forms](http://facebook.github.io/react/docs/forms.html)
* [react-formal - Better form validation and value management for React, Provides minimal wiring](https://github.com/jquense/react-formal)
* [react-forms - Forms library for React](https://github.com/prometheusresearch/react-forms)
* [valuelink - full-featured two-way data binding with extended React links](https://github.com/Volicon/valuelink)
* [wingspan-forms - A dynamic form library for Facebook React](https://github.com/wingspan/wingspan-forms)
* [newforms - Isomorphic form-handling for React](https://github.com/insin/newforms)
* [formjs - A form generator for Reactjs](https://github.com/zackify/formjs)
* [react-form-builder - A Form Builder for React.js](https://github.com/quri/react-form-builder)
* [plexus-form - A dynamic form component for react using JSON-Schema](https://github.com/AppliedMathematicsANU/plexus-form)
* [tcomb-form - UI library for developing forms writing less code](https://github.com/gcanti/tcomb-form)
* [formsy-react - A form input builder and validator for React JS](https://github.com/christianalfoni/formsy-react)
* [Learn Raw React: Ridiculously Simple Forms](http://jamesknelson.com/learn-raw-react-ridiculously-simple-forms/)
* [Winterfell - Generate complex, validated and extendable JSON-based forms in React](https://github.com/andrewhathaway/Winterfell)
* [Redux-Autoform - Create Redux-Forms dynamically out of metadata](https://github.com/redux-autoform/redux-autoform)
* [uniforms - Bunch of React components and helpers to easily generate and validate forms](https://github.com/vazco/uniforms)
* [formik - Forms in React, without tears](https://github.com/jaredpalmer/formik)
* [NeoForm – Modular HOCs for form state management and validation](https://github.com/zero-plus-x/neoform)
* [react-jsonschema-form – A React component for building Web forms from JSON Schema](https://github.com/mozilla-services/react-jsonschema-form)
* [List View Select - A Toggleable select box for React Native with native components](https://github.com/JamesWatling/react-native-list-view-select)
* [Final Form 🏁](https://github.com/final-form/react-final-form)
* [formland - A simple, super-flexible, extensible config based form generator](https://github.com/indix/formland)
* [react-reactive-form - Angular like reactive forms in React](https://github.com/bietkul/react-reactive-form)
* [unform - ReactJS form library to create uncontrolled form structures with nested fields, validations and much more!](https://github.com/Rocketseat/unform)
* [Formal - Elegant form management primitives for the react hooks era](https://github.com/iamkevinwolf/formal)

**Autocomplete**

* [react-autocomplete by @rackt - WAI-ARIA compliant React autocomplete](https://github.com/rackt/react-autocomplete)
* [react-autosuggest by @moroshko - WAI-ARIA compliant React autosuggest component](https://github.com/moroshko/react-autosuggest)
* [react-autocomplete by @eliseumds- Just tasting some ReactJS + RxJS](https://github.com/eliseumds/react-autocomplete)
* [react-autocomplete by @prometheusresearch - Autocomplete widget based on React](https://github.com/prometheusresearch/react-autocomplete)
* [instatype by @gragland - Simple react autocomplete component](https://github.com/gragland/instatype)
* [downshift - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components](https://github.com/paypal/downshift)
* [React Bootstrap Typeahead - A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js.](https://github.com/ericgio/react-bootstrap-typeahead)

**Graphics**

* [react-art - React Bridge to the ART Drawing Library](https://github.com/facebook/react-art)
* [react-canvas - High performance rendering for React components](https://github.com/Flipboard/react-canvas)
* [react-famous - Complex 3D animations UI at 60 FPS with Famo.us](https://github.com/pilwon/react-famous)
* [react-kinetic - HTML5 Canvas via KineticJS using React](https://github.com/freiksenet/react-kinetic)
* [react-svg-morph - morph your svg components one into another](https://github.com/gorangajic/react-svg-morph)
* [react-hooks-svgdrawing - SVG Drawing with React hooks](https://github.com/kmkzt/react-hooks-svgdrawing)
* [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG.

**Data Managing**

* [Immutable.js - Immutable Data Collections for Javascript](https://github.com/immutable-js/immutable-js)
* [cortex - A javascript library for centrally managing data with React](https://github.com/mquan/cortex)
* [avers - A modern client-side model abstraction library](https://github.com/wereHamster/avers)
* [imvvm - Immutable Model-View-ViewModel for React](https://github.com/entrendipity/imvvm)
* [morearty.js - Better state management for React in pure JavaScript](https://github.com/moreartyjs/moreartyjs)
* [valuable - An immutable data store for React](https://github.com/josephsavona/valuable)
* [react-resolver - Isomorphic library to recursively lazy-load data for React components](https://github.com/ericclemmons/react-resolver)
* [freezer-js - Lightweight and reactive immutable data structure for React](https://github.com/arqex/freezer)
* [MobX - Simple, scalable state management](https://github.com/BolajiAyodeji/awesome-react#mobx)
* [baobab - JavaScript persistent and optionally immutable data tree with cursors](https://github.com/Yomguithereal/baobab)
* [baobab-react - React integration for Baobab](https://github.com/Yomguithereal/baobab-react)
* [immstruct - Immutable data structures with history for top-to-bottom properties in component based libraries like React](https://github.com/omniscientjs/immstruct)
* [seamless-immutable - Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects](https://github.com/rtfeldman/seamless-immutable)
* [tydel - Typed Models and Collections, with React bindings](http://tydel.js.org/)
* [extendable-immutable - Extend any Immutable.js data structure](https://github.com/philpl/extendable-immutable)
* [statty - A tiny and unobtrusive state management library for React and Preact apps](https://github.com/vesparny/statty)
* [Hydux - An Elm-Like state manager for React with "batteries included"](https://github.com/hydux/hydux)
* [ReSub - A library for writing better React components and data stores](https://github.com/Microsoft/ReSub)
* [ProppyJS - A tiny library for functional props composition](https://proppyjs.com/)
* [WatermelonDB - 🍉 Next-gen database for powerful React and React Native apps that scales to 10,000s of records and remains fast](https://github.com/Nozbe/WatermelonDB)
* [Effector — Fast and powerful reactive state manager. Lets you write simple, fast and type safe code and manage reactive state with ease.](https://github.com/zerobias/effector)
* [reactn - React, but with built-in global state management](https://github.com/CharlesStover/reactn)
* [immer](https://github.com/immerjs/immer) - Create the next immutable state by mutating the current one

**Maps**

* [react-googlemaps - React interface to Google maps](https://github.com/pieterv/react-googlemaps)
* [react-maps - A map component for React](https://github.com/matnel/react-maps)
* [react-google-maps - React.js Google Maps integration component](https://github.com/tomchentw/react-google-maps)
* [react-gmaps - A Google Maps component for React.js](https://github.com/MicheleBertoli/react-gmaps)
* [react-map-gl - A React wrapper for MapboxGL-js plus overlay API](https://github.com/uber/react-map-gl)
* [google-map-react - Isomorphic google map React component](https://github.com/istarkov/google-map-react)
* [react-mapbox-gl - A mapbox-gl-js wrapper to make the API react friendly](https://github.com/alex3165/react-mapbox-gl)
* [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.](https://github.com/fullstackreact/google-maps-react)
* [react-leaflet - React components for Leaflet maps](https://react-leaflet.js.org/)
* [react-geo - A set of geo-related components using react, antd, and ol](https://github.com/terrestris/react-geo)
* [pigeon-maps - ReactJS maps without external dependencies](https://github.com/mariusandra/pigeon-maps)

**Charts**

* [DevExtreme React Chart - High-performance plugin-based React chart for Bootstrap and Material Design](https://devexpress.github.io/devextreme-reactive/react/chart/)
* [react-chartjs - Common react charting components using chart.js](https://github.com/jhudson8/react-chartjs)
* [react-stockcharts - Highly customizable stock charts with ReactJS and d3](https://github.com/rrag/react-stockcharts)
* [Number Picture - Low-level building blocks for constructing animated visualizations with React & D3.](http://numberpicture.com/build)
* [Victory - A collection of composable React components for building interactive data visualizations](https://github.com/FormidableLabs/victory)
* [Recharts - A charting library built on D3 with an awesome declarative API](https://github.com/recharts/recharts)
* [React-ApexCharts - React component for ApexCharts (An Interactive SVG Chart Library)](https://github.com/apexcharts/react-apexcharts)
* [reaviz](https://github.com/jask-oss/reaviz) - React Data Visualization Library based on D3.js
* [react-vis - A React visualization library designed with the following principles in mind: React-friendly, high-level and customizable, expressive, and industry-strong.](https://github.com/uber/react-vis)
* [nivo - It provides a rich set of data visualization components, built on top of the D3 and React libraries.](https://github.com/plouc/nivo)
* [vx - A collection of reusable low-level visualization components. It combines the power of D3 to generate your visualization with the benefits of React for updating the DOM.](https://github.com/hshoff/vx)
* [echarts-for-react - A very simple ECharts wrapper for React.](https://github.com/hustcc/echarts-for-react)
* [Chartify - React plugin for building charts using CSS.](https://github.com/kis/chartify)
* [Semiotic - A data visualization framework combining React and D3.](https://github.com/nteract/semiotic)

### React Native

> Framework for building native apps using React

**React Native General Resources**

* [React Native Official Site](https://facebook.github.io/react-native/)
* [React Native GitHub](https://github.com/facebook/react-native)
* [React Native Newsletter](http://brentvatne.ca/react-native-newsletter/)
* [React Native Playground](https://rnplay.org/)
* [React Native Awesome List](https://github.com/jondot/awesome-react-native)
* [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native)
* [React Native Radio](https://devchat.tv/react-native-radio/)

**React Native Tutorials**

* [React Native Tutorial](https://facebook.github.io/react-native/docs/tutorial.html)
* [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript)
* [Introduction to React Native: Building iOS Apps with JavaScript](http://www.appcoda.com/react-native-introduction/)
* [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173)
* [Gesture detection in React Native – fixing unexpected panning](http://blog.lum.pe/gesture-detection-in-react-native-fixing-unexpected-panning/)
* [Digital Smart Mirror lab with React Native](http://atticuswhite.com/blog/react-native-smart-mirror-lab/)
* [The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1)](https://www.smashingmagazine.com/2016/04/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)](https://www.smashingmagazine.com/2016/04/how-to-build-your-first-ios-app-with-javascript/)
* [A Mini-Course on React Native Flexbox](https://medium.com/@yoniweisbrod/a-mini-course-on-react-native-flexbox-2832a1ccc6)
* [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
* [Test driving react native applications](http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/)
* [Using React Native With TypeScript](https://medium.com/@jan.hesters/using-typescript-with-react-native-946aa4b4ae6f)

**React Native Development Tools**

* [react-native-code-push](https://github.com/microsoft/react-native-code-push) - React Native module for CodePush

**React Native Sample Apps**

* [HackerNews](https://github.com/iSimar/HackerNews-React-Native)
* [Ziliun](https://github.com/sonnylazuardi/ziliun-react-native)
* [FinanceReactNative](https://github.com/7kfpun/FinanceReactNative)
* [SplashWalls](https://github.com/nashvail/SplashWalls)
* [NBAreact](https://github.com/jbkuczma/NBAreact)

**React Native Boilerplates**

* [Create React Native App - Create a React Native app on any OS with no build config, with or without Expo](https://github.com/react-community/create-react-native-app)
* [Snowflake - React Native iOS & Android with Redux, Parse.com, Jest (88% coverage)](https://github.com/bartonhammond/snowflake)
* [Ignite - The hottest CLI for React Native, boilerplates, plugins, generators, and more!](https://github.com/infinitered/ignite)
* [React Native Starter Kit - A powerful starter project that bootstraps development of your mobile application](https://github.com/flatlogic/react-native-starter)

**React Native Awesome Components**

* [Expo](https://expo.io/) - The Expo platform for making cross-platform mobile apps
* [react-navigation](https://reactnavigation.org/) - Routing and navigation for your React Native apps
* [react-native-social-share - Use the iOS and Android native Twitter and Facebook share popup with React Native](https://github.com/doefler/react-native-social-share)
* [react-native-fbsdk - A wrapper around the iOS Facebook SDK](https://github.com/facebook/react-native-fbsdk)
* [react-native-side-menu - Simple customizable component to create side menu](https://github.com/Kureev/react-native-side-menu)
* [react-native-mapbox-gl - A Mapbox GL react native module](https://github.com/mapbox/react-native-mapbox-gl)
* [react-native-icons - Quick and easy icons in React Native](https://github.com/corymsmith/react-native-icons)
* [react-native-vector-icons - 3000 Customizable Icons for React Native with support for NavBar/TabBar](https://github.com/oblador/react-native-vector-icons)
* [react-native-google-signin - Google Signin for React Native](https://github.com/apptailor/react-native-google-signin)
* [react-native-picker-modal-view](https://github.com/pankod/react-native-picker-modal-view)

### Redux

> Predictable State Container for JavaScript Apps

**Redux General Resources**

* [Redux GitHub](https://github.com/reactjs/redux)
* [Redux Official Site](http://redux.js.org/)
* [Awesome Redux List](https://github.com/xgrommx/awesome-redux)

**Redux Tools**

* [react-redux - Official React bindings for Redux](https://github.com/reactjs/react-redux)
* [redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI](https://github.com/reduxjs/redux-devtools)
  * [react-router-redux - Bindings to keep react-router and redux in sync](https://github.com/reactjs/react-router-redux)
* [redux-form - A Higher Order Component using react-redux to keep form state](https://github.com/erikras/redux-form)
* [redux-thunk - Thunk middleware for redux](https://github.com/gaearon/redux-thunk)
* [redux-logger - Logger middleware for redux](https://github.com/theaqua/redux-logger)
* [reselect - Selector library for Redux](https://github.com/reactjs/reselect)
* [normalizr - Normalizes nested JSON according to a schema](https://github.com/paularmstrong/normalizr)
* [redux-saga - An alternative side effect model for Redux apps](https://github.com/yelouafi/redux-saga)
* [redux-data-fx - Declarative Side Effects for Redux](https://github.com/matthieu-beteille/redux-data-fx)
* [redux-observable - RxJS middleware for Redux](https://github.com/redux-observable/redux-observable)
* [redux-analytics - Analytics middleware for Redux](https://github.com/markdalgleish/redux-analytics)
* [redux-undo - Higher order reducer to add undo/redo functionality to redux state containers](https://github.com/omnidan/redux-undo)
* [redux-search - Redux bindings for client-side search](https://github.com/treasure-data/redux-search)
* [redux-mock-store - A mock store for your testing your redux async action creators and middleware](https://github.com/arnaudbenard/redux-mock-store)
* [redux-immutable - Create an equivalent function of Redux combineReducers that works with Immutable.js state](https://github.com/gajus/redux-immutable)
* [redux-react-i18n - An i18n solution for redux/react](https://github.com/derzunov/redux-react-i18n)
* [R16N - A redux/react I18n solution](https://github.com/razodeh/r16n/)
* [redux-actiontyper - Helper to create less verbose action types for Redux](https://github.com/alnorris/redux-actiontyper)
* [redux-state-validator - A simple redux middleware to validate redux state values and object types using JSON Schema](https://github.com/suyesh/redux-state-validator)
* [redux-persist](https://github.com/rt2zz/redux-persist) - Persist and rehydrate a redux store

**Redux Tutorials**

* [Building Applications with React and Redux in ES6](https://www.pluralsight.com/courses/react-redux-react-router-es6)
* [Getting Started with Redux](https://egghead.io/series/getting-started-with-redux)
* [Building React Applications with Idiomatic Redux](https://egghead.io/series/building-react-applications-with-idiomatic-redux)
* [Redux Tutorial](https://github.com/happypoulp/redux-tutorial)
* [Getting Started with React, Redux and Immutable: a Test-Driven Tutorial: Part 1](http://www.theodo.fr/blog/2016/03/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](http://www.theodo.fr/blog/2016/03/getting-started-with-react-redux-and-immutable-a-test-driven-tutorial-part-2/)
* [Full-Stack Redux Tutorial](http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html)
* [Server-Side Rendering with Redux and React-Router](https://www.codementor.io/reactjs/tutorial/redux-server-rendering-react-router-universal-web-app)
* [Deep Introduction to Redux](https://www.codementor.io/reactjs/tutorial/intro-to-react-redux-pros)
* [Unit Testing Redux Apps](https://www.codementor.io/reactjs/tutorial/redux-unit-test-mocha-mocking)
* [Secure Your React and Redux App with JWT Authentication](https://auth0.com/blog/2016/01/04/secure-your-react-and-redux-app-with-jwt-authentication/)
* [Build an Image Gallery Using React, Redux and redux-saga](http://joelhooks.com/blog/2016/03/20/build-an-image-gallery-using-redux-saga)
* [A simplified approach to calling APIs with redux](http://www.sohamkamani.com/blog/2016/06/05/redux-apis/)
* [React Redux based blood donor demo application](https://github.com/smanne/reduxnor)
* [LearnCode.academy Redux Tutorials Series](https://www.youtube.com/watch?v=1w-oQ-i1XB8\&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b\&index=15)
* [Practical Redux](https://blog.isquaredsoftware.com/series/practical-redux/)
* [A Complete React Redux Tutorial for Beginners](https://daveceddia.com/redux-tutorial/)

### MobX

> Simple, scalable state management for JavaScript Apps

**MobX General Resources**

* [MobX GitHub](https://github.com/mobxjs/mobx)
* [MobX Official Site](https://mobxjs.github.io/mobx/)

**MobX Tools**

* [mobx-react - React component wrapper for combining React with MobX](https://github.com/mobxjs/mobx-react)

**MobX Tutorials**

* [Ten minute introduction to MobX and React](https://mobxjs.github.io/mobx/getting-started.html)
* [Manage Complex State in React Apps with MobX](https://egghead.io/courses/manage-complex-state-in-react-apps-with-mobx)
* [Refactor your application from Redux to MobX](http://www.robinwieruch.de/mobx-react)
* [Redux or MobX: An attempt to dissolve the Confusion](https://www.robinwieruch.de/redux-mobx-confusion/)

### GraphQL

> Query Language

**GraphQL Spec**

* [GraphQL Official Site](http://graphql.org/)
* [GraphQL Specification](https://github.com/graphql/graphql-spec/tree/master/spec)
* [GraphQL Specification Repository](https://github.com/facebook/graphql)

**GraphQL Tools**

* [GraphCMS - The GraphQL Headless CMS](https://graphcms.com/)
* [GraphQL CMS](https://github.com/sarkistlt/graphql-auto-generating-cms)
* [Mongoose schema To GraphQL](https://github.com/sarkistlt/mongoose-schema-to-graphql)
* [GraphQL bridge to REST API](https://github.com/dacz/apollo-bridge-link)
* [GraphQL Playground - GraphQL IDE for better development workflows](https://github.com/graphcool/graphql-playground)

**GraphQL Tutorials**

* [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html)
* [First Thoughts on GraphQL](http://hueypetersen.com/posts/2015/02/02/first-thoughts-on-graph-ql/)
* [Modeling Queries in a GraphQL Like Way](http://hueypetersen.com/posts/2015/02/08/modeling-queries-graph-ql-like/)
* [Thin and Graphy](http://hueypetersen.com/posts/2015/02/22/thin-and-graphy/)
* [GraphQL Overview - Getting Started with GraphQL and Node.js](https://blog.risingstack.com/graphql-overview-getting-started-with-graphql-and-nodejs/)
* [Writing a Basic API with GraphQL](http://davidandsuzi.com/writing-a-basic-api-with-graphql/)
* [Building a GraphQL Server with Node.js and SQL](https://www.reindex.io/blog/building-a-graphql-server-with-node-js-and-sql/)
* [GraphQL Tour: Variables](https://medium.com/the-graphqlhub/graphql-tour-variables-58c6abd10f56#.wj9dsgyoy)
* [How to Graphql - The Fullstack Tutorial for GraphQL](https://howtographql.com/)

**GraphQL Implementations**

* [graphql-js - A reference implementation of GraphQL for **JavaScript**](https://github.com/graphql/graphql-js)
* [react-transmit - Relay-inspired library based on **JavaScript Promises**](https://github.com/RickWong/react-transmit)
* [graphql-ruby - **Ruby** implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby)
* [graphql-java - GraphQL **Java** implementation](https://github.com/andimarek/graphql-java)
* [sangria - **Scala** GraphQL client and server library](https://github.com/OlegIlyenko/sangria)
* [graphql-php - A **PHP** port of GraphQL reference implementation](https://github.com/webonyx/graphql-php)
* [graphene - GraphQL in **Python** made simple](http://graphene-python.org/)
* [graphqllib - GraphQL implementation for **Python**](https://github.com/dittos/graphqllib)
* [graphql-dotnet - GraphQL for **.NET**](https://github.com/graphql-dotnet/graphql-dotnet)
* [graphql-go - GraphQL for Go/Golang](https://github.com/graphql-go/graphql)

**Server Integration**

* [express-graphql - Create a GraphQL HTTP server with **Express**](https://github.com/graphql/express-graphql)
* [graphql-yoga - Easiest way to run a GraphQL server](https://github.com/graphcool/graphql-yoga)

**Database Integration**

* [Hasura](https://hasura.io/) - Instant Realtime GraphQL on Postgres
* [Prisma - a performant open-source GraphQL ORM-like \* layer doing the heavy lifting in your GraphQL server.](https://www.prisma.io/)
* [graphql-bookshelf - Some help defining GraphQL schema around BookshelfJS models](https://github.com/brysgo/graphql-bookshelf)
* [GraphpostgresQL - GraphQL for **PostgreSQL**](https://github.com/solidsnack/GraphpostgresQL)
* [graffiti - Node.js GraphQL ORM](https://github.com/RisingStack/graffiti)
* [sql-to-graphql - Generate a GraphQL API based on your SQL database structure](https://github.com/vaffel/sql-to-graphql)
* [graphql-sequelize - GraphQL & Relay for MySQL & Postgres via Sequelize](https://github.com/mickhansen/graphql-sequelize)

### Relay

> Data-Driven React Applications

**Relay General Resources**

* [Relay Offical Site](https://facebook.github.io/relay/)
* [Relay GitHub](https://github.com/facebook/relay)

**Relay Tutorials**

* [official Relay Getting Started](https://facebook.github.io/relay/docs/en/introduction-to-relay.html)
* [Relay for Visual Learners](http://sgwilym.github.io/relay-visual-learners/)
* [Getting Started with Relay](https://auth0.com/blog/2015/10/06/getting-started-with-relay/)
* [Relay and Routing](https://medium.com/@cpojer/relay-and-routing-36b5439bad9)

**Relay Tools**

* [graphql-relay-js - A library to help construct a graphql-js server supporting react-relay](https://github.com/graphql/graphql-relay-js)
* [react-router-relay - Relay integration for React Router](https://github.com/relay-tools/react-router-relay)
* [relay-local-schema - Use Relay without a GraphQL server](https://github.com/relay-tools/relay-local-schema)
* [relay-codemod - Codemod scripts based for on jsodeshift to update Relay APIs](https://github.com/facebook/jscodeshift)

### Apollo

> Data stack based on GraphQL

**Apollo General Resources**

* [Apollo Official Site](http://www.apollostack.com/)
* [Apollo GitHub](https://github.com/apollostack)
* [Apollo Blog](https://medium.com/apollo-stack)
* [Apollo Slack](https://apollostack.slack.com/)

**Apollo Tools**

* [react-apollo-redux - A small wrapper to automatically dispatch actions in response to apollo mutations](https://github.com/Drawbotics/react-apollo-redux)

### Videos

**reactjsvideos.com**

**Important Talks**

* [Pete Hunt: React: Rethinking best practices - JSConf EU 2013](https://www.youtube.com/watch?v=x7cQ3mrcKaY)
* [Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013](https://www.youtube.com/watch?v=DgVS-zXgMTk)
* [Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013](https://www.youtube.com/watch?v=GW0rj4sNH2w)
* [React: CSS in JS](http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html)
* [Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014](https://www.youtube.com/watch?v=h3KksH8gfcQ)
* [Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?v=nYkdrAPrdcw)
* [Christopher Chedeau: Why does React Scale? - JSConf2014](https://www.youtube.com/watch?v=D-ioDiacTm8)
* [Christopher Chedeau: React's Architecture - OSCON 2014](https://www.youtube.com/watch?v=eCf5CquV_Bw)
* [Pete Hunt: React RESTful UI Rendering - Strange Loop 2014](https://www.youtube.com/watch?v=IVvHPPcl2TM)
* [Pete Hunt: How Instagram.com Works - OSCON 2014](https://www.youtube.com/watch?v=VkTCL6Nqm6Y)
* [Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014](https://www.youtube.com/watch?v=i__969noyAM)
* [Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014](https://www.youtube.com/watch?v=4anAwXYqLG8)
* [Avik Chaudhuri: JavaScript Testing and Static Type Systems at Scale - Scale 2014](https://www.youtube.com/watch?v=M8x0bc81smU)
* [React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU)
* [Citrusbyte Presents GraphQL: A Horizontal Platform with Nick Schrock](https://www.youtube.com/watch?v=LQFQl8EsV3k)
* [Laney Kuenzel: Mutations and Subscriptions in Relay - JSConf 2015](https://www.youtube.com/watch?v=mmke4w4gc6c)
* [React Today and Tomorrow and 90% Cleaner React With Hooks - React Conf 2018](https://www.youtube.com/watch?v=dpw9EHDh2bM)
* [React Conferences](https://reactjs.org/community/conferences.html)
* [React Videos](https://reactjs.org/community/videos.html)
* [Awesome React Talks](https://github.com/tiaanduplessis/awesome-react-talks)

**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**

* [Trying React Hooks for the first time with Dan Abramov](https://www.youtube.com/watch?v=G-aO5hzo1aw)

### Demo React Apps

* [hackernews-react-graphql](https://github.com/clintonwoo/hackernews-react-graphql) - Hacker News clone rewritten with universal JavaScript, using React and GraphQL
* [react-reduction](https://github.com/reduction-admin/react-reduction) - Free Admin Template Built with React and Bootstrap4
* [reactjs-tmdb-app](https://github.com/SKempin/reactjs-tmdb-app) - Responsive React The Movie Database App
* [react-shopping-cart](https://github.com/jeffersonRibeiro/react-shopping-cart) - Simple ecommerce cart application built with React Redux
* [dnote](https://github.com/dnote/dnote) - A simple personal knowledge base

### Real React Apps

* [kibana](https://github.com/elastic/kibana) - Your window into the Elastic Stack
* [firefox debugger](https://github.com/firefox-devtools/debugger) - The Firefox debugger that works anywhere
* [spectrum](https://github.com/withspectrum/spectrum) – Simple, powerful online communities
* [mattermost](https://github.com/mattermost/mattermost-webapp) - Open source Slack alternative
* [overreacted](https://github.com/gaearon/overreacted.io) - Personal blog by Dan Abramov
* [winamp2-js](https://github.com/captbaritone/winamp2-js) - Winamp 2 reimplemented for the browser