Awesome React 
A collection of awesome things regarding React ecosystem.
- React
- React Native
- React AR/VR
- ReasonReact
- Flux
- Redux
- MobX
- GraphQL
- Relay
- Apollo
- Videos
- Demos
- Example Apps
- Real Apps
- Contribution
React
JavaScript Library for building User Interfaces
React General Resources
React Community
React Online Playgrounds
React Tutorials
React General Tutorials
- React Official Tutorial
- Using React in Visual Studio Code
- Scrimba - Learn React for free interactively
- FreeCodeCamp React Challenges
- React Cheatsheet
- React Patterns
- Setup Flow with React
React Hooks
- React Hooks
- Replacing Redux with React Hooks and Context
- React Hooks cheat sheet: Unlock solutions to common problems
- How to fetch data with React Hooks?
- Easy to understand React Hook recipes
- Awesome React Hooks
React and TypeScript
React Performance
- React Optimizing Performance
- Introducing the React Profiler
- Optimizing React: Virtual DOM explained
- A Definitive Guide to Optimize Major Performance issues in React
- 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
React Internals
- Reconciliation
- React Fiber Architecture
- Build your own React
- Inside Fiber: In-depth overview of the new reconciliation algorithm in React
React Interview Questions
React Tools
React Development Tools
- Create React App - Set up a modern Web app by running one command
- React Starter Kit - Isomorphic Web app boilerplate
- React Developer Tools - Inspection of React component hierarchy in the Chrome and Firefox Developer Tools
- React Hot Loader - Tweak React components in real time
- Babel - Babel is a JavaScript compiler
- Webpack - A bundler for JavaScript and friends
- Parcel - Blazing fast, zero configuration web application bundler
- Loadable Components - React code splitting made easy
- Reactotron - A desktop app for inspecting your React and React Native projects
- Storybook - UI component dev & test
- React Styleguidist - Isolated React component development environment with a living style guide
- React Cosmos - Dev tool for creating reusable React components
- ESlint Plugin React - React specific linting rules for ESLint
- eslint-plugin-jsx-a11y - Static AST checker for a11y rules on JSX elements
- React Axe - Accessibility auditing for React applications
React Frameworks
React Styling
- Styled Components - Visual primitives for the component age
- Emotion - Library designed for writing CSS styles with JavaScript
- Radium - A toolchain for React component styling
- JSS - Authoring tool for CSS
- Styletron - An universal toolkit for component-oriented styling
React Routing
- React Router - Declarative routing for React
- Navi - Declarative, asynchronous routing for React
- Curi - JavaScript router for single-page applications
React Component Libraries
- Material UI - React components for faster and easier web development
- Ant Design - A design system with values of Nature and Determinacy
- Blueprint - A React-based UI toolkit for the webs
- Fabric React - React components for building Microsoft web experiences
- React Bootstrap - The most popular front-end framework Rebuilt for React
- Semantic UI React - The official Semantic-UI-React integration
React Awesome Components
- Awesome React Components list
- react-select - The Select Component for React
- react-dnd - Drag and Drop for React
- react-filepond - A handy FilePond adapter component for React
- react-grid-layout - A draggable and resizable grid layout with responsive breakpoints
- react-table - A lightweight, fast and extendable datagrid for React
- react-data-grid - Excel-like grid component built with React
- react-draggable - React draggable component
- react-resizable - A simple React component that is resizable with a handle
- react-big-calendar - Calendar component
- react-datepicker - ReactJS Datepicker
- react-list - A versatile infinite scroll React component
- react-intl - Internationalize React apps
- react-i18next - Internationalization for React done right
- react-aria-modal - A fully accessible React modal
- react-hotkeys - Declarative hotkey and focus area management for React
- qrcode.react - QR component for use with React
- rheostat - Accessible slider component built with React
- 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-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-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-switch - A draggable toggle-switch component for React
- 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.
- gmodal - Make delightful modal layer
- react-breadcrumbs-dynamic - Extremely flexible and completely router-independent react breadcrumbs solution
- react-automatic-width - Automatically sets
widthproperty on child components - 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
- 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-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
- dialog-web-components - Set of components for building messaging applications
- react-dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync)
- reactponsive - Responsive utils in all the flavors for your favorite framework
- react-svg - A React component that injects SVG into the DOM
React for Command Line
- ink - React for interactive command-line apps
- react-blessed - A React renderer for blessed terminal interface library
React Testing Libraries
- Jest - Delightful JavaScript Testing Framework
- Enzyme - JavaScript Testing utilities for React
- react-testing-library - Simple and complete React DOM testing utilities
- react-hooks-testing-library - React hooks testing utilities that encourage good testing practices
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
- react-motion - A spring that solves your animation problems
Libraries
- react-border-wrapper - A wrapper for placing elements along div borders in React.
- 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...
- 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
- ClearX - Fast & Effortless State management for React with zero learning curve. ClearX gives great flexibiility in separation of concerns for your React applicationss
- react-snap - Zero-configuration framework-agnostic static prerendering for SPAs
- Draft.js - A React framework for building text editors
- refract - Harness the power of reactive programming to supercharge your components
- react-desktop - OS X and Windows UI components built with React
- Reapop - A React & Redux notifications system
- react-extras - Useful components and utilities for working with React
React Integration
- React Rails
- ReactJS.NET
- React ASP.NET Boilerplate
- React Bootstrap Components Playground
- 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 Laravel
- 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
- sbt-reactjs - React SBT Plugin using npm
- scalajs-react - A guilty affair between Scala.js and Facebook's 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
- react-reactive-form - Angular like reactive forms in React
- unform - ReactJS form library to create uncontrolled form structures with nested fields, validations and much more!
Autocomplete
- 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.
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
- react-hooks-svgdrawing - SVG Drawing with React hooks
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
- Effector — Fast and powerful reactive state manager. Lets you write simple, fast and type safe code and manage reactive state with ease.
- reactn - React, but with built-in global state management
- immer - Create the next immutable state by mutating the current one
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
- React-ApexCharts - React component for ApexCharts (An Interactive SVG Chart Library)
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
- 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
- Using React Native With TypeScript
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
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 Starter Kit - A powerful starter project that bootstraps development of your mobile application
React Native Awesome Components
- Expo - The Expo platform for making cross-platform mobile apps
- react-navigation - 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
- 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
- react-native-picker-modal-view
React AR/VR
Usage of React for Augmented and Virtual Reality
- React 360 - Create exciting 360 and VR experiences using React
- Viro React - Platform for rapidly building AR/VR applications using React Native
ReasonReact
Reason bindings for ReactJS
Flux
Application Architecture for Building User Interfaces
Flux General Resources
Flux Implementations
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 Tools
- react-redux - Official React bindings for Redux
- redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI
- 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-persist - Persist and rehydrate a redux store
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
- Practical Redux
- A Complete React Redux Tutorial for Beginners
MobX
Simple, scalable state management for JavaScript Apps
MobX General Resources
MobX Tools
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
GraphQL
Query Language
GraphQL Spec
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 - Instant Realtime GraphQL on Postgres
- 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 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 Tools
Videos
reactjsvideos.com
Important Talks
-
Pete Hunt: React: Rethinking best practices - JSConf EU 2013
-
Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013
-
Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013
-
Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014
-
Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014
-
Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014
-
Avik Chaudhuri: JavaScript Testing and Static Type Systems at Scale - Scale 2014
-
React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)
-
Citrusbyte Presents GraphQL: A Horizontal Platform with Nick Schrock
-
Laney Kuenzel: Mutations and Subscriptions in Relay - JSConf 2015
-
React Today and Tomorrow and 90% Cleaner React With Hooks - React Conf 2018
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
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
- overreacted.io - Personal blog by Dan Abramov
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
- react-shopping-cart - Simple ecommerce cart application built with React and Redux
- hackernews-react-graphql - Hacker News clone rewritten with universal JavaScript, using React and GraphQL
Real apps
- Firefox debugger
- Remote Retro – Agile retrospectives for distributed teams
- Spectrum – Simple, powerful online communities
- Mattermost – Open source Slack alternative
Contribution
This list started as personal collecton of interesting things about React. At the time it started React was in beta, there was special script to transform JSX to JS and even Flux was not yet published. React is mainstream now, lots of things happened. Please, do not try to use this list as advertisement board or place for public push of your experiments. Only fully free resources here, please. Your contributions and suggestions are heartily♡ welcome, though. (✿◠‿◠)
