├── .travis.yml └── README.md /.travis.yml: -------------------------------------------------------------------------------- 1 | language: ruby 2 | rvm: 3 | - 2.2 4 | before_script: 5 | - gem install awesome_bot 6 | script: 7 | - awesome_bot README.md --allow-redirect -w vimeo.com,udemy.com 8 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ### **Awesome React** [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) 2 | 3 | A collection of awesome things regarding the React ecosystem. 4 | 5 | - [React](#react) 6 | - [React General Resources](#react-general-resources) 7 | - [React Community](#react-community) 8 | - [React Online Playgrounds](#react-online-playgrounds) 9 | - [React Tutorials](#react-tutorials) 10 | - [React General Tutorials](#react-general-tutorials) 11 | - [React Hooks](#react-hooks) 12 | - [React and TypeScript](#react-and-typescript) 13 | - [React Performance](#react-performance) 14 | - [React Internals](#react-internals) 15 | - [React Interview Questions](#react-interview-questions) 16 | - [React Tools](#react-tools) 17 | - [React Development Tools](#react-development-tools) 18 | - [React Frameworks](#react-frameworks) 19 | - [React Styling](#react-styling) 20 | - [React Routing](#react-routing) 21 | - [React Component Libraries](#react-component-libraries) 22 | - [React Awesome Components](#react-awesome-components) 23 | - [React for Command Line](#react-for-command-line) 24 | - [React Testing](#react-testing) 25 | - [React Libraries](#react-libraries) 26 | - [React Integration](#react-integration) 27 | - [React State Management](#react-state-management) 28 | - [React AR and VR](#react-ar-and-vr) 29 | - [Forms](#forms) 30 | - [Autocomplete](#autocomplete) 31 | - [Graphics](#graphics) 32 | - [Data Managing](#data-managing) 33 | - [Maps](#maps) 34 | - [Charts](#charts) 35 | - [React Native](#react-native) 36 | - [React Native General Resources](#react-native-general-resources) 37 | - [React Native Tutorials](#react-native-tutorials) 38 | - [React Native Development Tools](#react-native-development-tools) 39 | - [React Native Sample Apps](#react-native-sample-apps) 40 | - [React Native Boilerplates](#react-native-boilerplates) 41 | - [React Native Awesome Components](#react-native-awesome-components) 42 | - [React Native Libraries](#react-native-libraries) 43 | - [Redux](#redux) 44 | - [Redux General Resources](#redux-general-resources) 45 | - [Redux Tools](#redux-tools) 46 | - [Redux Tutorials](#redux-tutorials) 47 | - [MobX](#mobx) 48 | - [MobX General Resources](#mobx-general-resources) 49 | - [MobX Tools](#mobx-tools) 50 | - [MobX Tutorials](#mobx-tutorials) 51 | - [GraphQL](#graphql) 52 | - [GraphQL Spec](#graphql-spec) 53 | - [GraphQL Tools](#graphql-tools) 54 | - [GraphQL Tutorials](#graphql-tutorials) 55 | - [GraphQL Implementations](#graphql-implementations) 56 | - [Server Integration](#server-integration) 57 | - [Database Integration](#database-integration) 58 | - [Relay](#relay) 59 | - [Relay General Resources](#relay-general-resources) 60 | - [Relay Tutorials](#relay-tutorials) 61 | - [Relay Tools](#relay-tools) 62 | - [Apollo](#apollo) 63 | - [Apollo General Resources](#apollo-general-resources) 64 | - [Videos](#videos) 65 | - [Important Talks](#important-talks) 66 | - [React.js Conf 2015 Playlist](#reactjs-conf-2015-playlist) 67 | - [ReactEurope Conf 2015 Day 1 Playlist](#reacteurope-conf-2015-day-1-playlist) 68 | - [ReactEurope Conf 2015 Day 2 Playlist](#reacteurope-conf-2015-day-2-playlist) 69 | - [ReactRally Conf 2015 Playlist](#reactrally-conf-2015-playlist) 70 | - [React.js Conf 2016 Playlist](#reactjs-conf-2016-playlist) 71 | - [ReactRally Conf 2016 Playlist](#reactrally-conf-2016-playlist) 72 | - [React.js Amsterdam 2018 Playlist](#reactjs-amsterdam-2018-playlist) 73 | - [Video Tutorials](#video-tutorials) 74 | - [Demo React Apps](#demo-react-apps) 75 | - [Real React Apps](#real-react-apps) 76 | - [Contribution](#contribution) 77 | 78 | --- 79 | 80 | ### React 81 | 82 | > JavaScript Library for building User Interfaces 83 | 84 | #### React General Resources 85 | 86 | - [React Official Website](https://reactjs.org/) 87 | - [React Documentation](https://reactjs.org/docs) 88 | - [React GitHub](https://github.com/facebook/react) 89 | 90 | #### React Community 91 | 92 | - [Reactiflux Discord Channel](http://www.reactiflux.com/) 93 | - [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) 94 | - [React Twitter](https://twitter.com/reactjs) 95 | 96 | #### React Online Playgrounds 97 | 98 | - [CodePen](https://reactjs.org/redirect-to-codepen/hello-world) 99 | - [CodeSandbox](https://codesandbox.io/s/new) 100 | - [JSFiddle](https://jsfiddle.net/boilerplate/react-jsx) 101 | 102 | #### React Tutorials 103 | 104 | ##### React General Tutorials 105 | 106 | - [React Official Tutorial](https://facebook.github.io/react/docs/tutorial.html) 107 | - [Using React in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial) 108 | - [Scrimba - Learn React for free interactively](https://scrimba.com/g/glearnreact) 109 | - [FreeCodeCamp React Challenges](https://learn.freecodecamp.org/front-end-libraries/react) 110 | - [React Cheatsheet](https://devhints.io/react) 111 | - [React Patterns](https://reactpatterns.com/) 112 | - [Setup Flow with React](https://flow.org/en/docs/react/) 113 | - [Develop a Live Project with React with Payment Integration & BarCode Scanner](https://www.manning.com/liveproject/online-booking-systems-for-a-salon-and-day-spa-using-spring-boot-and-reactjs) 114 | 115 | ##### React Hooks 116 | 117 | - [React Hooks](https://reactjs.org/docs/hooks-intro.html) 118 | - [Replacing Redux with React Hooks and Context](https://medium.com/octopus-labs-london/replacing-redux-with-react-hooks-and-context-part-1-11b72ffdb533) 119 | - [React Hooks cheat sheet: Unlock solutions to common problems](https://blog.logrocket.com/react-hooks-cheat-sheet-unlock-solutions-to-common-problems-af4caf699e70/) 120 | - [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data/) 121 | - [Easy to understand React Hook recipes](https://usehooks.com/) 122 | - [Awesome React Hooks](https://github.com/rehooks/awesome-react-hooks) 123 | - [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/) 124 | 125 | ##### React and TypeScript 126 | 127 | - [TypeScript, React and Webpack](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html) 128 | - [JSX in TypeScript](https://www.typescriptlang.org/docs/handbook/jsx.html) 129 | - [Cheatsheets for experienced React developers getting started with TypeScript](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet) 130 | 131 | ##### React Performance 132 | 133 | - [React Optimizing Performance](https://reactjs.org/docs/optimizing-performance.html) 134 | - [Introducing the React Profiler](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html) 135 | - [Optimizing React: Virtual DOM explained](https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained) 136 | - [A Definitive Guide to Optimize Major Performance issues in React](https://www.simform.com/react-performance/) 137 | - [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) 138 | - [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/) 139 | - [Top 5 Practices to Boost React Performance](https://www.codementor.io/blizzerand/top-5-practices-to-boost-react-performance-jv6zr89ep) 140 | - [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) 141 | - [Rendering large lists with react-window](https://addyosmani.com/blog/react-window/) 142 | 143 | ##### React Internals 144 | 145 | - [Reconciliation](https://reactjs.org/docs/reconciliation.html) 146 | - [React Fiber Architecture](https://github.com/acdlite/react-fiber-architecture) 147 | - [Build your own React](https://engineering.hexacta.com/didact-learning-how-react-works-by-building-it-from-scratch-51007984e5c5) 148 | - [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) 149 | - [Entire React code base explanation by visual block schemes](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS) 150 | 151 | ##### React Interview Questions 152 | 153 | - [13 Essential React Interview Questions](https://www.toptal.com/react/interview-questions) 154 | - [List of React interview Questions and Answers](https://github.com/sudheerj/reactjs-interview-questions) 155 | 156 | #### React Tools 157 | 158 | ##### React Development Tools 159 | 160 | - [create-react-app](https://github.com/facebook/create-react-app) - Set up a modern Web app by running one command 161 | - [react-starter-kit](https://github.com/kriasoft/react-starter-kit) - Isomorphic Web app boilerplate 162 | - [react-devtools](https://github.com/facebook/react-devtools) - Inspection of React component hierarchy in the Chrome and Firefox Developer Tools 163 | - [react-hot-loader](https://github.com/gaearon/react-hot-loader) - Tweak React components in real time 164 | - [react-loadable](https://github.com/jamiebuilds/react-loadable) - A higher order component for loading components with promises 165 | - [loadable-components](https://github.com/smooth-code/loadable-components) - React code splitting made easy 166 | - [reactotron](https://github.com/skellock/reactotron) - A desktop app for inspecting your React and React Native projects 167 | - [storybook](https://github.com/storybookjs/storybook) - UI component dev & test 168 | - [docz](https://github.com/doczjs/docz) - Zero Config, live-reloading documentation with Markdown + JSX 169 | - [react-styleguidist](https://github.com/styleguidist/react-styleguidist) - Isolated React component development environment with a living style guide 170 | - [react-cosmos](https://github.com/react-cosmos/react-cosmos) - Dev tool for creating reusable React components 171 | - [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react) - React specific linting rules for ESLint 172 | - [eslint-plugin-jsx-a11y](https://github.com/evcohen/eslint-plugin-jsx-a11y) - Static AST checker for a11y rules on JSX elements 173 | - [react-axe](https://github.com/dequelabs/react-axe) - Accessibility auditing for React applications 174 | - [codesandbox](https://codesandbox.io/s/new) - An online IDE for rapid React development with integrated React DevTools. 175 | - [DataFormsJS JSX Loader](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page 176 | - [Why Did You Render](https://github.com/welldone-software/why-did-you-render) - Monkey patches React to notify you about avoidable re-renders. 177 | 178 | ##### React Frameworks 179 | 180 | - [next.js](https://github.com/vercel/next.js) - The React Framework 181 | - [gatsby.js](https://github.com/gatsbyjs/gatsby) - Free and open source framework based on React 182 | - [react-admin](https://github.com/marmelab/react-admin) - Frontend Framework for building B2B applications on top of REST/GraphQL APIs 183 | - [remix](https://remix.run/) - Finally, a killer React framework from the creators of React Router 184 | 185 | ##### React Styling 186 | 187 | - [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age 188 | - [emotion](https://github.com/emotion-js/emotion) - Library designed for writing CSS styles with JavaScript 189 | - [radium](https://github.com/FormidableLabs/radium) - A toolchain for React component styling 190 | - [jss](https://github.com/cssinjs/jss) - Authoring tool for CSS 191 | - [aphrodite](https://github.com/Khan/aphrodite) - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation 192 | 193 | 194 | ##### React Routing 195 | 196 | - [react-router](https://github.com/ReactTraining/react-router) - Declarative routing for React 197 | - [navi](https://github.com/frontarm/navi) - Declarative, asynchronous routing for React 198 | - [curi](https://github.com/pshrmn/curi) - JavaScript router for single-page applications 199 | - [reach](https://github.com/reach/router) - Next Generation Routing for React 200 | - [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps 201 | 202 | ##### React Component Libraries 203 | 204 | - [material-ui](https://github.com/mui-org/material-ui) - React components for faster and easier web development 205 | - [ant-design](https://github.com/ant-design/ant-design) - A design system with values of Nature and Determinacy 206 | - [blueprint](https://github.com/palantir/blueprint) - A React-based UI toolkit for the webs 207 | - [Fluent UI](https://github.com/microsoft/fluentui) - A set of React components for building Microsoft web experiences 208 | - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React 209 | - [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components 210 | - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration 211 | - [evergreen](https://github.com/segmentio/evergreen) - Evergreen React UI Framework by Segment 212 | - [grommet](https://github.com/grommet/grommet) - a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package 213 | - [chakra-ui](https://github.com/chakra-ui/chakra-ui/) - Simple, Modular & Accessible UI Components for your React Applications 214 | - [rebass](https://github.com/rebassjs/rebass) - React primitive UI components built with styled-system 215 | - [react-fontawesome](https://github.com/FortAwesome/react-fontawesome) - Font Awesome 5 component library for React 216 | - [reakit](https://github.com/reakit/reakit) - Accessible, Composable and Customizable components for React 217 | - [rsuite](https://github.com/rsuite/rsuite) - A suite of React components 218 | - [atlaskit](https://bitbucket.org/atlassian/atlaskit-mk-2) - Atlassian's official UI library, built according to the Atlassian Design Guidelines. 219 | - [baseweb](https://github.com/uber/baseweb) - Base Web is a foundation for initiating, evolving, and unifying web products. 220 | - [primereact](https://github.com/primefaces/primereact) - A complete UI Framework for React with 50+ components featuring material, bootstrap and custom themes. 221 | - [react-bulma-components](https://github.com/couds/react-bulma-components) - React components for Bulma framework 222 | - [react-bulma](https://github.com/kulakowka/react-bulma) - React.js components for Modern CSS framework based on Flexbox 223 | - [rbx](https://github.com/dfee/rbx) - The Comprehensive Bulma UI Framework for React 224 | - [trunx](https://github.com/fibo/trunx) - Super Saiyan React components, son of awesome Bulma, implemented in TypeScript 225 | - [tailwind-react-ui](https://github.com/emortlock/tailwind-react-ui) - React utility component primitives & UI framework for use with Tailwind CSS 226 | - [tails-ui](https://github.com/knipferrc/tails-ui) - Clean UI based on tailwindcss 227 | - [geist-org/react](https://github.com/geist-org/react) - Modern and minimalist React UI library, originating from Vercel's design 228 | - [elastic ui framework](https://github.com/elastic/eui) - The Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic. 229 | - [bugbag react ui kit](https://bumbag.style/) - Bumbag is a friendly React UI Kit suitable for MVPs or large-scale applications. 230 | 231 | ##### React Awesome Components 232 | 233 | - [Awesome React Components list](https://github.com/brillout/awesome-react-components) 234 | - [react-select](https://github.com/JedWatson/react-select) - The Select Component for React 235 | - [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) - Beautiful and accessible drag and drop for lists with React 236 | - [react-dnd](https://github.com/react-dnd/react-dnd) - Drag and Drop for React 237 | - [react-grid-layout](https://github.com/strml/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints 238 | - [react-table](https://github.com/tannerlinsley/react-table/) - A lightweight, fast and extendable datagrid for React 239 | - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid component built with React 240 | - [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component 241 | - [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - A resizable and draggable component for React 242 | - [react-resizable](https://github.com/strml/react-resizable) - A simple React component that is resizable with a handle 243 | - [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - A resizable component for React 244 | - [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome) - Minimalistic searchbox 245 | - [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - A sortable and resizable pane component for React 246 | - [react-spaces](https://github.com/aeagle/react-spaces) - Nestable resizable, anchored, scrollable components 247 | - [react-dates](https://github.com/airbnb/react-dates) - An easily internationalizable, mobile-friendly datepicker library for the web 248 | - [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Calendar component 249 | - [react-datepicker](https://github.com/Hacker0x01/react-datepicker/) - ReactJS Datepicker 250 | - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component 251 | - [react-intl](https://github.com/yahoo/react-intl) - Internationalize React apps 252 | - [react-i18next](https://github.com/i18next/react-i18next) - Internationalization for React done right 253 | - [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible React modal 254 | - [react-hotkeys](https://github.com/greena13/react-hotkeys) - Declarative hotkey and focus area management for React 255 | - [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components 256 | - [react-joyride](https://github.com/gilbarbara/react-joyride) - Create guided tours for your apps 257 | - [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data 258 | - [react-window](https://github.com/bvaughn/react-window) - React components for efficiently rendering large lists and tabular data 259 | - [react-text-mask](https://github.com/text-mask/text-mask) - Input mask for React 260 | - [react-loading-skeleton](https://github.com/dvtng/react-loading-skeleton) - Create skeleton screens that automatically adapt to your app 261 | - [react-spinkit](https://github.com/KyleAMathews/react-spinkit) - A collection of loading indicators animated with CSS for React 262 | - [rheostat](https://github.com/airbnb/rheostat) - Accessible slider component built with React 263 | - [qrcode.react](https://github.com/zpao/qrcode.react) - QR component for use with React 264 | - [react-archer](https://github.com/pierpo/react-archer) - Draw arrows between React elements 265 | - [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer) - A PDF viewer made for React 266 | - [react-parallax-tilt](https://github.com/mkosir/react-parallax-tilt) - Easily apply tilt hover effect on React components 267 | - [react-tsparticles](https://github.com/matteobruni/tsparticles/blob/master/components/react/README.md) - A component to easily add Particles animations to your React application 268 | - [react-spring](https://www.react-spring.io/) - Spring-physics based animation library for React applications. 269 | - [framer-motion](https://www.framer.com/motion/) - A React library to power production-ready animations. 270 | 271 | ##### React for Command Line 272 | 273 | - [ink](https://github.com/vadimdemedes/ink) - React for interactive command-line apps 274 | - [react-blessed](https://github.com/Yomguithereal/react-blessed) - A React renderer for blessed terminal interface library 275 | 276 | ##### React Testing 277 | 278 | - [jest](https://github.com/facebook/jest) - Delightful JavaScript Testing Framework 279 | - [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React 280 | - [react-testing-library](https://github.com/testing-library/react-testing-library) - Simple and complete React DOM testing utilities 281 | - [react-hooks-testing-library](https://github.com/mpeyper/react-hooks-testing-library) - React hooks testing utilities that encourage good testing practices 282 | - [majestic](https://github.com/Raathigesh/majestic) - Zero config GUI for Jest 283 | 284 | ##### React Libraries 285 | 286 | - [react-border-wrapper - A wrapper for placing elements along div borders in React.](https://github.com/Metroxe/react-border-wrapper) 287 | - [react-magic - Automatically AJAXify plain HTML with the power of React](https://github.com/reactjs/react-magic) 288 | - [react-toolbox - A set of React components implementing Google's Material Design specification](https://github.com/react-toolbox/react-toolbox) 289 | - [tcomb-react - Library allowing you to check all the props of your React components](https://github.com/gcanti/tcomb-react) 290 | - [react-responsive - Media queries in react for responsive design](https://github.com/wearefractal/react-responsive) 291 | - [react-cursor - Functional state management abstraction for use with Facebook React](https://github.com/dustingetz/react-cursor) 292 | - [Omniscient.js - Abstracting React components for fast top down render of immutable data](https://github.com/omniscientjs/omniscient) 293 | - [Touchstonejs - React.js powered UI framework for developing beautiful hybrid mobile apps.](https://github.com/touchstonejs/touchstonejs) 294 | - [Elemental - A UI Toolkit for React.js Websites and Apps](http://elemental-ui.com/) 295 | - [StateTrooper - Centrally manage state for React applications with CSP](https://github.com/swipely/state-trooper) 296 | - [Preact: Fast 3kb React alternative with the same ES6 API.](https://git.io/preact) 297 | - [riotjs - A React- like, 3.5KB user interface library](https://github.com/muut/riotjs) 298 | - [Maple.js - Bringing the concept of web-components to React](https://github.com/Wildhoney/Maple.js) 299 | - [react-i13n - A performant, scalable and pluggable approach to instrumenting your React application](https://github.com/yahoo/react-i13n) 300 | - [react-icons - svg react icons of popular icon packs](https://github.com/gorangajic/react-icons) 301 | - [react-open-doodles](https://github.com/lunahq/react-open-doodles) - Awesome free illustrations as react components. 302 | - [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) 303 | - [Bit - A virtual repository for managing and using react and other web components across applications](https://github.com/teambit/bit) 304 | - [AtlasKit - Atlassian's React UI library](https://atlaskit.atlassian.com/) 305 | - [ReactiveSearch - UI components library for Elasticsearch](https://github.com/appbaseio/reactivesearch) 306 | - [Slate - A completely customizable framework for building rich text editors.](https://github.com/ianstormtaylor/slate) 307 | - [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) 308 | - [compose-state - Compose multiple setState or getDerivedStateFromProps updaters in React](https://github.com/tvler/compose-state) 309 | - [react-lodash - Lodash as React components](https://github.com/typicode/react-lodash) 310 | - [react-helmet - A document head manager for React](https://github.com/nfl/react-helmet) 311 | - [Stator - Simple, plain JavaScript state management with built-in support for React](https://github.com/cs01/stator) 312 | - [ClearX - Fast & Effortless State management for React with zero learning curve. ClearX gives great flexibility in separation of concerns for your React applications](https://github.com/Autodesk/clearx) 313 | - [react-snap](https://github.com/stereobooster/react-snap) - Zero-configuration framework-agnostic static prerendering for SPAs 314 | - [Draft.js](https://github.com/facebook/draft-js) - A React framework for building text editors 315 | - [refract](https://github.com/fanduel-oss/refract) - Harness the power of reactive programming to supercharge your components 316 | - [react-desktop - OS X and Windows UI components built with React](https://github.com/gabrielbull/react-desktop) 317 | - [Reapop - A React & Redux notifications system](https://github.com/LouisBarranqueiro/reapop) 318 | - [react-extras](https://github.com/sindresorhus/react-extras) - Useful components and utilities for working with React 319 | - [react-instantsearch](https://github.com/algolia/react-instantsearch) - Lightning-fast search for React and React Native applications, by Algolia 320 | - [uppy](https://github.com/transloadit/uppy) - The next open source file uploader for web browsers 321 | - [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems 322 | - [react-esi](https://github.com/dunglas/react-esi) - React Edge Side Includes 323 | - [hookstate](https://github.com/avkonst/hookstate) - Modern, very fast and extendable state management for React that is based on hooks 324 | - [universal-model-react](https://github.com/universal-model/universal-model-react) - Unified state management solution for React 325 | 326 | ##### React Integration 327 | 328 | - [ReasonReact](https://reasonml.github.io/reason-react/) 329 | - [React Rails](https://github.com/reactjs/react-rails) 330 | - [ReactJS.NET](https://github.com/reactjs/React.NET) 331 | - [om - ClojureScript interface](https://github.com/swannodette/om) 332 | - [Reagent - A minimalistic ClojureScript interface to React.js](https://github.com/reagent-project/reagent) 333 | - [Express React views](https://github.com/reactjs/express-react-views) 334 | - [React Page Middleware](https://github.com/reactjs/react-page-middleware) 335 | - [ngReact - React Components in Angular](https://github.com/davidchang/ngReact) 336 | - [coffee-react-transform - Provides React JSX support for Coffeescript](https://github.com/jsdf/coffee-react-transform) 337 | - [sprockets-coffee-react - Sprockets preprocessor for CJSX](https://github.com/jsdf/sprockets-coffee-react) 338 | - [react-kup - A simple, non-intrusive alternative to jsx for coffeescript](https://github.com/snd/react-kup) 339 | - [turbo-react - Combine Turbolinks and React to apply DOM diffs](https://github.com/ssorallen/turbo-react) 340 | - [react-bacon - A little module for using React with Bacon.js](https://github.com/jamesmacaulay/react-bacon) 341 | - [msx - React's JSX Transformer, tweaked to output calls to Mithril](https://github.com/insin/msx) 342 | - [React.withBackbone - React 16 ready backbone binding](https://github.com/beanworks/React.withBackbone) 343 | - [Backbone React Component](https://github.com/magalhas/backbone-react-component) 344 | - [react-backbone - Backbone-aware mixins for react](https://github.com/jhudson8/react-backbone) 345 | - [NestedReact - transparent integration with Backbone Views and NestedTypes models](https://github.com/Volicon/NestedReact/) 346 | - [backbone-reaction - React, Backbone and then some](https://github.com/jhudson8/backbone-reaction) 347 | - [react.backbone - Plugin for React to make Backbone migration easier](https://github.com/usepropeller/react.backbone) 348 | - [reactbone - React extensions for Backbone](https://github.com/andrejewski/reactbone) 349 | - [backbone-react-ui - React components for use with backbone and backbone paginator](https://github.com/securingsincity/backbone-react-ui) 350 | - [react-events - Declarative managed event bindings for react components](https://github.com/jhudson8/react-events) 351 | - [react-mixin-manager - React mixin registration manager](https://github.com/jhudson8/react-mixin-manager) 352 | - [gsap-react-plugin - A GSAP plugin for tweening React.js component state](https://github.com/hzdg/gsap-react-plugin) 353 | - [react-topcoat by @plaxdan - Topcoat CSS components built with the React library](https://github.com/plaxdan/react-topcoat) 354 | - [react-topcoat by @arnemart - A collection of React components for Topcoat](https://github.com/arnemart/react-topcoat) 355 | - [reactdown - Write React components using markdown syntax](https://github.com/andreypopp/reactdown) 356 | - [react-jade - Compile Jade to React JavaScript](https://github.com/ForbesLindesay/react-jade) 357 | - [jade-react - Compile Jade templates to React.DOM expressions](https://github.com/duncanbeevers/jade-react) 358 | - [gulp-jade-react - Compile Jade templates into React de-sugared JSX with Gulp](https://github.com/duncanbeevers/gulp-jade-react) 359 | - [sbt-reactjs - React SBT Plugin using npm](https://github.com/ddispaltro/sbt-reactjs) 360 | - [scalajs-react - A guilty affair between Scala.js and Facebook's React](https://github.com/japgolly/scalajs-react) 361 | - [react-xtags - Using React to implement xtags](https://github.com/vjeux/react-xtags/) 362 | - [jreact - React on server-side Java (with Rhino or Nashorn)](https://github.com/KnisterPeter/jreact) 363 | - [React.hiccup - A complete replacement for JSX written in sweet.js](https://github.com/lantiga/react.hiccup) 364 | - [react-play - Rendering React components in the Play Framework with JDK8's Nashorn](https://github.com/ssorallen/react-play) 365 | - [rx-react - Utilities to works with React in a RxJS](https://github.com/fdecampredon/rx-react) 366 | - [react-with-di - A hacked prototype of React.js with DI](https://github.com/vojtajina/react-with-di) 367 | - [reactfire - ReactJS mixin for easy Firebase integration](https://github.com/firebase/reactfire) 368 | - [firedux - Firebase + Redux for ReactJS](https://github.com/AndersDJohnson/firedux) 369 | - [react-clickdrag-mixin - ClickDrag mixin for React component](https://github.com/tleunen/react-clickdrag-mixin) 370 | - [Rewrite the Admin UI of KeystoneJS in React](https://github.com/keystonejs/keystone/issues/503) 371 | - [react-masonry-mixin - Standalone mixin for Masonry (@desandro)](https://github.com/eiriklv/react-masonry-mixin) 372 | - [react-packery-mixin - Standalone mixin for Packery (Metafizzy)](https://github.com/eiriklv/react-packery-mixin) 373 | - [react-dropzone - Simple HTML5 drag-drop zone with React.js.](https://github.com/paramaggarwal/react-dropzone) 374 | - [aframe-react - A-Frame VR + React](https://github.com/ngokevin/aframe) 375 | - [react-three-fiber - A react reconciler for threejs (web and react-native)](https://github.com/react-spring/react-three-fiber) 376 | - [react-three - React bindings to create and control a 3D scene using three.js](https://github.com/Izzimach/react-three) 377 | - [react-three-renderer - Render into a three.js canvas using React](https://github.com/toxicFork/react-three-renderer) 378 | - [react-threejs - Simplest bindings between React & Three.js](https://github.com/fritx/react-threejs) 379 | - [react-masonry-css - Fast Masonry layout powered by CSS, dependency free](https://github.com/paulcollett/react-masonry-css) 380 | - [react-captcha - A react.js reCAPTCHA for Google](https://github.com/appleboy/react-recaptcha) 381 | - [reaptcha - Clean, modern and simple React wrapper for Google reCAPTCHA](https://github.com/sarneeh/reaptcha) 382 | - [react-recaptcha-that-works - A reCAPTCHA bridge for React that works](https://github.com/douglasjunior/react-recaptcha-that-works) 383 | 384 | ##### React State Management 385 | 386 | - [redux](#redux) 387 | - [mobx](#mobx) 388 | - [flux](http://facebook.github.io/flux/) 389 | - [recoil](https://github.com/facebookexperimental/Recoil) 390 | - [xState](https://github.com/davidkpiano/xstate) 391 | 392 | ##### React AR and VR 393 | 394 | - [React 360](https://facebook.github.io/react-360/) - Create exciting 360 and VR experiences using React 395 | - [Viro React](https://viromedia.com/viroreact/) - Platform for rapidly building AR/VR applications using React Native 396 | 397 | ##### Forms 398 | 399 | - [React Forms](http://facebook.github.io/react/docs/forms.html) 400 | - [react-formal - Better form validation and value management for React, Provides minimal wiring](https://github.com/jquense/react-formal) 401 | - [react-forms - Forms library for React](https://github.com/prometheusresearch/react-forms) 402 | - [valuelink - full-featured two-way data binding with extended React links](https://github.com/Volicon/valuelink) 403 | - [wingspan-forms - A dynamic form library for Facebook React](https://github.com/wingspan/wingspan-forms) 404 | - [newforms - Isomorphic form-handling for React](https://github.com/insin/newforms) 405 | - [formjs - A form generator for Reactjs](https://github.com/zackify/formjs) 406 | - [react-form-builder - A Form Builder for React.js](https://github.com/quri/react-form-builder) 407 | - [plexus-form - A dynamic form component for react using JSON-Schema](https://github.com/AppliedMathematicsANU/plexus-form) 408 | - [tcomb-form - UI library for developing forms writing less code](https://github.com/gcanti/tcomb-form) 409 | - [formsy-react - A form input builder and validator for React JS](https://github.com/christianalfoni/formsy-react) 410 | - [Learn Raw React: Ridiculously Simple Forms](http://jamesknelson.com/learn-raw-react-ridiculously-simple-forms/) 411 | - [Winterfell - Generate complex, validated and extendable JSON-based forms in React](https://github.com/andrewhathaway/Winterfell) 412 | - [Redux-Autoform - Create Redux-Forms dynamically out of metadata](https://github.com/redux-autoform/redux-autoform) 413 | - [uniforms - Bunch of React components and helpers to easily generate and validate forms](https://github.com/vazco/uniforms) 414 | - [formik - Forms in React, without tears](https://github.com/jaredpalmer/formik) 415 | - [NeoForm – Modular HOCs for form state management and validation](https://github.com/zero-plus-x/neoform) 416 | - [react-jsonschema-form – A React component for building Web forms from JSON Schema](https://github.com/mozilla-services/react-jsonschema-form) 417 | - [List View Select - A Toggleable select box for React Native with native components](https://github.com/JamesWatling/react-native-list-view-select) 418 | - [Final Form 🏁](https://github.com/final-form/react-final-form) 419 | - [formland - A simple, super-flexible, extensible config based form generator](https://github.com/indix/formland) 420 | - [react-reactive-form - Angular like reactive forms in React](https://github.com/bietkul/react-reactive-form) 421 | - [unform - ReactJS form library to create uncontrolled form structures with nested fields, validations and much more!](https://github.com/Rocketseat/unform) 422 | - [react-hook-form - Performant, flexible and extensible forms with easy to use validation](https://github.com/react-hook-form/react-hook-form) 423 | 424 | ##### Autocomplete 425 | 426 | - [react-autocomplete by @rackt - WAI-ARIA compliant React autocomplete](https://github.com/rackt/react-autocomplete) 427 | - [react-autosuggest by @moroshko - WAI-ARIA compliant React autosuggest component](https://github.com/moroshko/react-autosuggest) 428 | - [react-autocomplete by @eliseumds- Just tasting some ReactJS + RxJS](https://github.com/eliseumds/react-autocomplete) 429 | - [react-autocomplete by @prometheusresearch - Autocomplete widget based on React](https://github.com/prometheusresearch/react-autocomplete) 430 | - [instatype by @gragland - Simple react autocomplete component](https://github.com/gragland/instatype) 431 | - [downshift - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components](https://github.com/paypal/downshift) 432 | - [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) 433 | 434 | ##### Graphics 435 | 436 | - [react-art - React Bridge to the ART Drawing Library](https://github.com/facebook/react-art) 437 | - [react-canvas - High performance rendering for React components](https://github.com/Flipboard/react-canvas) 438 | - [react-famous - Complex 3D animations UI at 60 FPS with Famo.us](https://github.com/pilwon/react-famous) 439 | - [react-kinetic - HTML5 Canvas via KineticJS using React](https://github.com/freiksenet/react-kinetic) 440 | - [react-svg-morph - morph your svg components one into another](https://github.com/gorangajic/react-svg-morph) 441 | - [react-hooks-svgdrawing - SVG Drawing with React hooks](https://github.com/kmkzt/react-hooks-svgdrawing) 442 | - [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG. 443 | 444 | ##### Data Managing 445 | 446 | - [Immutable.js - Immutable Data Collections for Javascript](https://github.com/immutable-js/immutable-js) 447 | - [cortex - A javascript library for centrally managing data with React](https://github.com/mquan/cortex) 448 | - [avers - A modern client-side model abstraction library](https://github.com/wereHamster/avers) 449 | - [imvvm - Immutable Model-View-ViewModel for React](https://github.com/entrendipity/imvvm) 450 | - [morearty.js - Better state management for React in pure JavaScript](https://github.com/moreartyjs/moreartyjs) 451 | - [valuable - An immutable data store for React](https://github.com/josephsavona/valuable) 452 | - [react-resolver - Isomorphic library to recursively lazy-load data for React components](https://github.com/ericclemmons/react-resolver) 453 | - [freezer-js - Lightweight and reactive immutable data structure for React](https://github.com/arqex/freezer) 454 | - [MobX - Simple, scalable state management](#mobx) 455 | - [baobab - JavaScript persistent and optionally immutable data tree with cursors](https://github.com/Yomguithereal/baobab) 456 | - [baobab-react - React integration for Baobab](https://github.com/Yomguithereal/baobab-react) 457 | - [immstruct - Immutable data structures with history for top-to-bottom properties in component based libraries like React](https://github.com/omniscientjs/immstruct) 458 | - [seamless-immutable - Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects](https://github.com/rtfeldman/seamless-immutable) 459 | - [tydel - Typed Models and Collections, with React bindings](http://tydel.js.org) 460 | - [extendable-immutable - Extend any Immutable.js data structure](https://github.com/philpl/extendable-immutable) 461 | - [statty - A tiny and unobtrusive state management library for React and Preact apps](https://github.com/vesparny/statty) 462 | - [Hydux - An Elm-Like state manager for React with "batteries included"](https://github.com/hydux/hydux) 463 | - [ReSub - A library for writing better React components and data stores](https://github.com/Microsoft/ReSub) 464 | - [ProppyJS - A tiny library for functional props composition](https://proppyjs.com) 465 | - [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) 466 | - [RxDB - A realtime Database for JavaScript Applications](https://github.com/pubkey/rxdb) 467 | - [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) 468 | - [reactn - React, but with built-in global state management](https://github.com/CharlesStover/reactn) 469 | - [immer](https://github.com/immerjs/immer) - Create the next immutable state by mutating the current one 470 | 471 | ##### Maps 472 | 473 | - [react-googlemaps - React interface to Google maps](https://github.com/pieterv/react-googlemaps) 474 | - [react-maps - A map component for React](https://github.com/matnel/react-maps) 475 | - [react-google-maps - React.js Google Maps integration component](https://github.com/tomchentw/react-google-maps) 476 | - [react-gmaps - A Google Maps component for React.js](https://github.com/MicheleBertoli/react-gmaps) 477 | - [react-map-gl - A React wrapper for MapboxGL-js plus overlay API](https://github.com/uber/react-map-gl) 478 | - [google-map-react - Isomorphic google map React component](https://github.com/istarkov/google-map-react) 479 | - [react-mapbox-gl - A mapbox-gl-js wrapper to make the API react friendly](https://github.com/alex3165/react-mapbox-gl) 480 | - [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) 481 | - [react-leaflet - React components for Leaflet maps](https://react-leaflet.js.org/) 482 | - [react-geo - A set of geo-related components using react, antd, and ol](https://github.com/terrestris/react-geo) 483 | - [pigeon-maps - ReactJS maps without external dependencies](https://github.com/mariusandra/pigeon-maps) 484 | 485 | ##### Charts 486 | 487 | - [DevExtreme React Chart - High-performance plugin-based React chart for Bootstrap and Material Design](https://devexpress.github.io/devextreme-reactive/react/chart/) 488 | - [react-chartjs - Common react charting components using chart.js](https://github.com/jhudson8/react-chartjs) 489 | - [react-stockcharts - Highly customizable stock charts with ReactJS and d3](https://github.com/rrag/react-stockcharts) 490 | - [Number Picture - Low-level building blocks for constructing animated visualizations with React & D3.](http://numberpicture.com/build) 491 | - [Victory - A collection of composable React components for building interactive data visualizations](https://github.com/FormidableLabs/victory) 492 | - [Recharts - A charting library built on D3 with an awesome declarative API](https://github.com/recharts/recharts) 493 | - [React-ApexCharts - React component for ApexCharts (An Interactive SVG Chart Library)](https://github.com/apexcharts/react-apexcharts) 494 | - [reaviz](https://github.com/reaviz/reaviz) - React Data Visualization Library based on D3.js 495 | - [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) 496 | - [nivo - It provides a rich set of data visualization components, built on top of the D3 and React libraries.](https://github.com/plouc/nivo) 497 | - [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) 498 | - [echarts-for-react - A very simple ECharts wrapper for React.](https://github.com/hustcc/echarts-for-react) 499 | - [Chartify - React plugin for building charts using CSS.](https://github.com/kis/chartify) 500 | - [Semiotic - A data visualization framework combining React and D3.](https://github.com/nteract/semiotic) 501 | - [react-muze - React wrapper for [muze](https://muzejs.org/) (free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)](https://github.com/chartshq/react-muze) 502 | 503 | --- 504 | 505 | ### React Native 506 | 507 | > Framework for building native apps using React 508 | 509 | #### React Native General Resources 510 | 511 | - [React Native Official Site](https://facebook.github.io/react-native/) 512 | - [React Native GitHub](https://github.com/facebook/react-native) 513 | - [React Native Newsletter](http://brentvatne.ca/react-native-newsletter/) 514 | - [React Native Playground](https://rnplay.org/) 515 | - [React Native Awesome List](https://github.com/jondot/awesome-react-native) 516 | - [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native) 517 | - [React Native Radio](https://devchat.tv/react-native-radio/) 518 | 519 | #### React Native Tutorials 520 | 521 | - [React Native Tutorial](https://facebook.github.io/react-native/docs/tutorial.html) 522 | - [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) 523 | - [Introduction to React Native: Building iOS Apps with JavaScript](http://www.appcoda.com/react-native-introduction/) 524 | - [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173) 525 | - [Digital Smart Mirror lab with React Native](http://atticuswhite.com/blog/react-native-smart-mirror-lab/) 526 | - [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/) 527 | - [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/) 528 | - [A Mini-Course on React Native Flexbox](https://medium.com/@yoniweisbrod/a-mini-course-on-react-native-flexbox-2832a1ccc6) 529 | - [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) 530 | - [Test driving react native applications](http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/) 531 | - [Using React Native With TypeScript](https://medium.com/@jan.hesters/using-typescript-with-react-native-946aa4b4ae6f) 532 | 533 | #### React Native Development Tools 534 | 535 | - [react-native-code-push](https://github.com/microsoft/react-native-code-push) - React Native module for CodePush 536 | 537 | #### React Native Sample Apps 538 | 539 | - [HackerNews](https://github.com/iSimar/HackerNews-React-Native) 540 | - [Ziliun](https://github.com/sonnylazuardi/ziliun-react-native) 541 | - [FinanceReactNative](https://github.com/7kfpun/FinanceReactNative) 542 | - [SplashWalls](https://github.com/nashvail/SplashWalls) 543 | - [NBAreact](https://github.com/jbkuczma/NBAreact) 544 | 545 | #### React Native Boilerplates 546 | 547 | - [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) 548 | - [Snowflake - React Native iOS & Android with Redux, Parse.com, Jest (88% coverage)](https://github.com/bartonhammond/snowflake) 549 | - [Ignite - The hottest CLI for React Native, boilerplates, plugins, generators, and more!](https://github.com/infinitered/ignite) 550 | - [React Native Starter Kit - A powerful starter project that bootstraps development of your mobile application](https://github.com/flatlogic/react-native-starter) 551 | 552 | #### React Native Awesome Components 553 | 554 | - [Expo](https://expo.io/) - The Expo platform for making cross-platform mobile apps 555 | - [react-navigation](https://reactnavigation.org/) - Routing and navigation for your React Native apps 556 | - [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) 557 | - [react-native-fbsdk - A wrapper around the iOS Facebook SDK](https://github.com/facebook/react-native-fbsdk) 558 | - [react-native-side-menu - Simple customizable component to create side menu](https://github.com/Kureev/react-native-side-menu) 559 | - [react-native-mapbox-gl - A Mapbox GL react native module](https://github.com/mapbox/react-native-mapbox-gl) 560 | - [react-native-icons - Quick and easy icons in React Native](https://github.com/corymsmith/react-native-icons) 561 | - [react-native-vector-icons - 3000 Customizable Icons for React Native with support for NavBar/TabBar](https://github.com/oblador/react-native-vector-icons) 562 | - [react-native-google-signin - Google Signin for React Native](https://github.com/apptailor/react-native-google-signin) 563 | - [react-native-picker-modal-view](https://github.com/pankod/react-native-picker-modal-view) 564 | - [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) - The most complete chat UI for React Native 565 | - [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image) - FastImage, performant React Native image component 566 | - [recyclerlistview](https://github.com/Flipkart/recyclerlistview) - High performance listview for React Native and web! 567 | - [react-native-largelist](https://github.com/bolan9999/react-native-largelist) - The best large list component for React Native 568 | - [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler) - Declarative API exposing platform native touch and gesture system to React Native 569 | - [rn-placeholder](https://github.com/mfrachet/rn-placeholder) - Display some placeholder stuff before rendering your text or media content in React Native 570 | 571 | #### React Native Libraries 572 | - [sentry-react-native](https://github.com/getsentry/sentry-react-native) - Real-time crash reporting for your web apps, mobile apps, and games. 573 | - [realm-js](https://github.com/realm/realm-js) - Realm is a mobile database: an alternative to SQLite & key-value stores 574 | - [react-native-device-info](https://github.com/react-native-community/react-native-device-info) - Device Information for React Native iOS and Android 575 | 576 | ### Redux 577 | 578 | > Predictable State Container for JavaScript Apps 579 | 580 | #### Redux General Resources 581 | 582 | - [Redux GitHub](https://github.com/reactjs/redux) 583 | - [Redux Official Site](http://redux.js.org/) 584 | - [Awesome Redux List](https://github.com/xgrommx/awesome-redux) 585 | 586 | #### Redux Tools 587 | 588 | - [react-redux - Official React bindings for Redux](https://github.com/reactjs/react-redux) 589 | - [redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI](https://github.com/reduxjs/redux-devtools) 590 | - [react-router-redux - Bindings to keep react-router and redux in sync](https://github.com/reactjs/react-router-redux) 591 | - [redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development](https://github.com/reduxjs/redux-toolkit) 592 | - [redux-form - A Higher Order Component using react-redux to keep form state](https://github.com/erikras/redux-form) 593 | - [redux-thunk - Thunk middleware for redux](https://github.com/gaearon/redux-thunk) 594 | - [redux-logger - Logger middleware for redux](https://github.com/theaqua/redux-logger) 595 | - [reselect - Selector library for Redux](https://github.com/reactjs/reselect) 596 | - [normalizr - Normalizes nested JSON according to a schema](https://github.com/paularmstrong/normalizr) 597 | - [redux-saga - An alternative side effect model for Redux apps](https://github.com/yelouafi/redux-saga) 598 | - [redux-data-fx - Declarative Side Effects for Redux](https://github.com/matthieu-beteille/redux-data-fx) 599 | - [redux-observable - RxJS middleware for Redux](https://github.com/redux-observable/redux-observable) 600 | - [redux-analytics - Analytics middleware for Redux](https://github.com/markdalgleish/redux-analytics) 601 | - [redux-undo - Higher order reducer to add undo/redo functionality to redux state containers](https://github.com/omnidan/redux-undo) 602 | - [redux-search - Redux bindings for client-side search](https://github.com/treasure-data/redux-search) 603 | - [redux-mock-store - A mock store for your testing your redux async action creators and middleware](https://github.com/arnaudbenard/redux-mock-store) 604 | - [redux-immutable - Create an equivalent function of Redux combineReducers that works with Immutable.js state](https://github.com/gajus/redux-immutable) 605 | - [redux-react-i18n - An i18n solution for redux/react](https://github.com/derzunov/redux-react-i18n) 606 | - [R16N - A redux/react I18n solution](https://github.com/razodeh/r16n/) 607 | - [redux-actiontyper - Helper to create less verbose action types for Redux](https://github.com/alnorris/redux-actiontyper) 608 | - [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) 609 | - [redux-persist](https://github.com/rt2zz/redux-persist) - Persist and rehydrate a redux store 610 | 611 | #### Redux Tutorials 612 | 613 | - [Building Applications with React and Redux in ES6](https://www.pluralsight.com/courses/react-redux-react-router-es6) 614 | - [Getting Started with Redux](https://egghead.io/series/getting-started-with-redux) 615 | - [Building React Applications with Idiomatic Redux](https://egghead.io/series/building-react-applications-with-idiomatic-redux) 616 | - [Redux Tutorial](https://github.com/happypoulp/redux-tutorial) 617 | - [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/) 618 | - [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/) 619 | - [Full-Stack Redux Tutorial](http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html) 620 | - [Server-Side Rendering with Redux and React-Router](https://www.codementor.io/reactjs/tutorial/redux-server-rendering-react-router-universal-web-app) 621 | - [Deep Introduction to Redux](https://www.codementor.io/reactjs/tutorial/intro-to-react-redux-pros) 622 | - [Unit Testing Redux Apps](https://www.codementor.io/reactjs/tutorial/redux-unit-test-mocha-mocking) 623 | - [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/) 624 | - [Build an Image Gallery Using React, Redux and redux-saga](http://joelhooks.com/blog/2016/03/20/build-an-image-gallery-using-redux-saga) 625 | - [A simplified approach to calling APIs with redux](http://www.sohamkamani.com/blog/2016/06/05/redux-apis/) 626 | - [React Redux based blood donor demo application](https://github.com/smanne/reduxnor) 627 | - [LearnCode.academy Redux Tutorials Series](https://www.youtube.com/watch?v=1w-oQ-i1XB8&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b&index=15) 628 | - [Practical Redux](https://blog.isquaredsoftware.com/series/practical-redux/) 629 | - [A Complete React Redux Tutorial for Beginners](https://daveceddia.com/redux-tutorial/) 630 | 631 | --- 632 | 633 | ### MobX 634 | 635 | > Simple, scalable state management for JavaScript Apps 636 | 637 | #### MobX General Resources 638 | 639 | - [MobX GitHub](https://github.com/mobxjs/mobx) 640 | - [MobX Official Site](https://mobxjs.github.io/mobx/) 641 | 642 | #### MobX Tools 643 | 644 | - [mobx-react - React component wrapper for combining React with MobX](https://github.com/mobxjs/mobx-react) 645 | 646 | #### MobX Tutorials 647 | 648 | - [Ten minute introduction to MobX and React](https://mobxjs.github.io/mobx/getting-started.html) 649 | - [Manage Complex State in React Apps with MobX](https://egghead.io/courses/manage-complex-state-in-react-apps-with-mobx) 650 | - [Refactor your application from Redux to MobX](http://www.robinwieruch.de/mobx-react) 651 | - [Redux or MobX: An attempt to dissolve the Confusion](https://www.robinwieruch.de/redux-mobx-confusion/) 652 | 653 | --- 654 | 655 | ### GraphQL 656 | 657 | > Query Language 658 | 659 | #### GraphQL Spec 660 | 661 | - [GraphQL Official Site](http://graphql.org/) 662 | - [GraphQL Specification](https://github.com/graphql/graphql-spec/tree/master/spec) 663 | - [GraphQL Specification Repository](https://github.com/facebook/graphql) 664 | 665 | #### GraphQL Tools 666 | 667 | - [GraphCMS - The GraphQL Headless CMS](https://graphcms.com) 668 | - [GraphQL CMS](https://github.com/sarkistlt/graphql-auto-generating-cms) 669 | - [Mongoose schema To GraphQL](https://github.com/sarkistlt/mongoose-schema-to-graphql) 670 | - [GraphQL bridge to REST API](https://github.com/dacz/apollo-bridge-link) 671 | - [GraphQL Playground - GraphQL IDE for better development workflows](https://github.com/graphcool/graphql-playground) 672 | 673 | #### GraphQL Tutorials 674 | 675 | - [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html) 676 | - [First Thoughts on GraphQL](http://hueypetersen.com/posts/2015/02/02/first-thoughts-on-graph-ql/) 677 | - [Modeling Queries in a GraphQL Like Way](http://hueypetersen.com/posts/2015/02/08/modeling-queries-graph-ql-like/) 678 | - [Thin and Graphy](http://hueypetersen.com/posts/2015/02/22/thin-and-graphy/) 679 | - [GraphQL Overview - Getting Started with GraphQL and Node.js](https://blog.risingstack.com/graphql-overview-getting-started-with-graphql-and-nodejs/) 680 | - [Writing a Basic API with GraphQL](http://davidandsuzi.com/writing-a-basic-api-with-graphql/) 681 | - [Building a GraphQL Server with Node.js and SQL](https://www.reindex.io/blog/building-a-graphql-server-with-node-js-and-sql/) 682 | - [GraphQL Tour: Variables](https://medium.com/the-graphqlhub/graphql-tour-variables-58c6abd10f56#.wj9dsgyoy) 683 | - [How to Graphql - The Fullstack Tutorial for GraphQL](https://howtographql.com/) 684 | 685 | #### GraphQL Implementations 686 | 687 | - [graphql-js - A reference implementation of GraphQL for **JavaScript**](https://github.com/graphql/graphql-js) 688 | - [react-transmit - Relay-inspired library based on **JavaScript Promises**](https://github.com/RickWong/react-transmit) 689 | - [graphql-ruby - **Ruby** implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) 690 | - [graphql-java - GraphQL **Java** implementation](https://github.com/andimarek/graphql-java) 691 | - [sangria - **Scala** GraphQL client and server library](https://github.com/OlegIlyenko/sangria) 692 | - [graphql-php - A **PHP** port of GraphQL reference implementation](https://github.com/webonyx/graphql-php) 693 | - [graphene - GraphQL in **Python** made simple](http://graphene-python.org/) 694 | - [graphqllib - GraphQL implementation for **Python**](https://github.com/dittos/graphqllib) 695 | - [graphql-dotnet - GraphQL for **.NET**](https://github.com/graphql-dotnet/graphql-dotnet) 696 | - [graphql-go - GraphQL for Go/Golang](https://github.com/graphql-go/graphql) 697 | 698 | #### Server Integration 699 | 700 | - [express-graphql - Create a GraphQL HTTP server with **Express**](https://github.com/graphql/express-graphql) 701 | - [graphql-yoga - Easiest way to run a GraphQL server](https://github.com/graphcool/graphql-yoga) 702 | 703 | #### Database Integration 704 | 705 | - [Hasura](https://hasura.io/) - Instant Realtime GraphQL on Postgres 706 | - [Prisma - a performant open-source GraphQL ORM-like \* layer doing the heavy lifting in your GraphQL server.](https://www.prisma.io/) 707 | - [graphql-bookshelf - Some help defining GraphQL schema around BookshelfJS models](https://github.com/brysgo/graphql-bookshelf) 708 | - [GraphpostgresQL - GraphQL for **PostgreSQL**](https://github.com/solidsnack/GraphpostgresQL) 709 | - [graffiti - Node.js GraphQL ORM](https://github.com/RisingStack/graffiti) 710 | - [sql-to-graphql - Generate a GraphQL API based on your SQL database structure](https://github.com/vaffel/sql-to-graphql) 711 | - [graphql-sequelize - GraphQL & Relay for MySQL & Postgres via Sequelize](https://github.com/mickhansen/graphql-sequelize) 712 | 713 | --- 714 | 715 | ### Relay 716 | 717 | > Data-Driven React Applications 718 | 719 | #### Relay General Resources 720 | 721 | - [Relay Offical Site](https://facebook.github.io/relay/) 722 | - [Relay GitHub](https://github.com/facebook/relay) 723 | 724 | #### Relay Tutorials 725 | 726 | - [official Relay Getting Started](https://facebook.github.io/relay/docs/en/introduction-to-relay.html) 727 | - [Relay for Visual Learners](http://sgwilym.github.io/relay-visual-learners/) 728 | - [Getting Started with Relay](https://auth0.com/blog/2015/10/06/getting-started-with-relay/) 729 | - [Relay and Routing](https://medium.com/@cpojer/relay-and-routing-36b5439bad9) 730 | 731 | #### Relay Tools 732 | 733 | - [graphql-relay-js - A library to help construct a graphql-js server supporting react-relay](https://github.com/graphql/graphql-relay-js) 734 | - [react-router-relay - Relay integration for React Router](https://github.com/relay-tools/react-router-relay) 735 | - [relay-local-schema - Use Relay without a GraphQL server](https://github.com/relay-tools/relay-local-schema) 736 | - [relay-codemod - Codemod scripts based for on jsodeshift to update Relay APIs](https://github.com/facebook/jscodeshift) 737 | 738 | --- 739 | 740 | ### Apollo 741 | 742 | > Data stack based on GraphQL 743 | 744 | #### Apollo General Resources 745 | 746 | - [Apollo Official Site](http://www.apollostack.com/) 747 | - [Apollo GitHub](https://github.com/apollostack) 748 | - [Apollo Blog](https://medium.com/apollo-stack) 749 | - [Apollo Slack](https://apollostack.slack.com/) 750 | 751 | #### Apollo Tools 752 | 753 | - [react-apollo-redux - A small wrapper to automatically dispatch actions in response to apollo mutations](https://github.com/Drawbotics/react-apollo-redux) 754 | 755 | --- 756 | 757 | ### Videos 758 | 759 | #### [reactjsvideos.com](https://www.reactjsvideos.com) 760 | 761 | #### Important Talks 762 | 763 | - [Pete Hunt: React: Rethinking best practices - JSConf EU 2013](https://www.youtube.com/watch?v=x7cQ3mrcKaY) 764 | - [Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013](https://www.youtube.com/watch?v=DgVS-zXgMTk) 765 | - [Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013](https://www.youtube.com/watch?v=GW0rj4sNH2w) 766 | - [React: CSS in JS](http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html) 767 | - [Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014](https://www.youtube.com/watch?v=h3KksH8gfcQ) 768 | - [Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?v=nYkdrAPrdcw) 769 | - [Christopher Chedeau: Why does React Scale? - JSConf2014](https://www.youtube.com/watch?v=D-ioDiacTm8) 770 | - [Christopher Chedeau: React's Architecture - OSCON 2014](https://www.youtube.com/watch?v=eCf5CquV_Bw) 771 | - [Pete Hunt: React RESTful UI Rendering - Strange Loop 2014](https://www.youtube.com/watch?v=IVvHPPcl2TM) 772 | - [Pete Hunt: How Instagram.com Works - OSCON 2014](https://www.youtube.com/watch?v=VkTCL6Nqm6Y) 773 | - [Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014](https://www.youtube.com/watch?v=i__969noyAM) 774 | - [Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014](https://www.youtube.com/watch?v=4anAwXYqLG8) 775 | - [Avik Chaudhuri: JavaScript Testing and Static Type Systems at Scale - Scale 2014](https://www.youtube.com/watch?v=M8x0bc81smU) 776 | - [React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU) 777 | - [Citrusbyte Presents GraphQL: A Horizontal Platform with Nick Schrock](https://www.youtube.com/watch?v=LQFQl8EsV3k) 778 | - [Laney Kuenzel: Mutations and Subscriptions in Relay - JSConf 2015](https://www.youtube.com/watch?v=mmke4w4gc6c) 779 | - [React Today and Tomorrow and 90% Cleaner React With Hooks - React Conf 2018](https://www.youtube.com/watch?v=dpw9EHDh2bM) 780 | 781 | - [React Conferences](https://reactjs.org/community/conferences.html) 782 | - [React Videos](https://reactjs.org/community/videos.html) 783 | - [Awesome React Talks](https://github.com/tiaanduplessis/awesome-react-talks) 784 | 785 | #### [React.js Conf 2015 Playlist](https://www.youtube.com/playlist?list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr) 786 | 787 | #### [ReactEurope Conf 2015 Day 1 Playlist](https://www.youtube.com/playlist?list=PLCC436JpVnK0Phxld2dD4tM4xPMxJCiRD) 788 | 789 | #### [ReactEurope Conf 2015 Day 2 Playlist](https://www.youtube.com/playlist?list=PLCC436JpVnK3HvUSAHpt-LRJkIK8pQG6R) 790 | 791 | #### [ReactRally Conf 2015 Playlist](https://www.youtube.com/playlist?list=PLUD4kD-wL_zZhHy-G8hPNZTvx_M35loXQ) 792 | 793 | #### [React.js Conf 2016 Playlist](https://www.youtube.com/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY) 794 | 795 | #### [React Amsterdam 2016 Playlist](https://www.youtube.com/playlist?list=PLNBNS7NRGKMG3uLrm5fgY02hJ87Wzb4IU) 796 | 797 | #### [ReactEurope Conf 2016 Day 1 Playlist](https://www.youtube.com/playlist?list=PLCC436JpVnK09bZeayg-KeLuHfHgc-tDa) 798 | 799 | #### [ReactEurope Conf 2016 Day 2 Playlist](https://www.youtube.com/playlist?list=PLCC436JpVnK0LTDKW3O_BGTZnrZ8dBAof) 800 | 801 | #### [ReactRally Conf 2016 Playlist](https://www.youtube.com/playlist?list=PLUD4kD-wL_zYSfU3tIYsb4WqfFQzO_EjQ) 802 | 803 | #### [React.js Amsterdam 2018 Playlist](https://www.youtube.com/playlist?list=PLNBNS7NRGKMFi_glL49hsoyqu7dHTMnNm) 804 | 805 | #### Video Tutorials 806 | 807 | - [Trying React Hooks for the first time with Dan Abramov](https://www.youtube.com/watch?v=G-aO5hzo1aw) 808 | 809 | --- 810 | 811 | ### Demo React Apps 812 | 813 | - [hackernews-react-graphql](https://github.com/clintonwoo/hackernews-react-graphql) - Hacker News clone rewritten with universal JavaScript, using React and GraphQL 814 | - [react-reduction](https://github.com/reduction-admin/react-reduction) - Free Admin Template Built with React and Bootstrap4 815 | - [reactjs-tmdb-app](https://github.com/SKempin/reactjs-tmdb-app) - Responsive React The Movie Database App 816 | - [react-shopping-cart](https://github.com/jeffersonRibeiro/react-shopping-cart) - Simple ecommerce cart application built with React Redux 817 | 818 | --- 819 | 820 | ### Real React Apps 821 | 822 | - [kibana](https://github.com/elastic/kibana) - Your window into the Elastic Stack 823 | - [firefox debugger](https://github.com/firefox-devtools/debugger) - The Firefox debugger that works anywhere 824 | - [spectrum](https://github.com/withspectrum/spectrum) – Simple, powerful online communities 825 | - [mattermost](https://github.com/mattermost/mattermost-webapp) - Open source Slack alternative 826 | - [overreacted](https://github.com/gaearon/overreacted.io) - Personal blog by Dan Abramov 827 | - [winamp2-js](https://github.com/captbaritone/winamp2-js) - Winamp 2 reimplemented for the browser 828 | - [dnote](https://github.com/dnote/dnote) - A command line notebook with multi-device sync and web interface 829 | 830 | --- 831 | 832 | ### Contribution 833 | 834 | This list started as personal collection 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. (✿◠‿◠) 835 | 836 | [![CC0](http://i.creativecommons.org/p/zero/1.0/88x31.png)](https://creativecommons.org/publicdomain/zero/1.0/) 837 | --------------------------------------------------------------------------------