├── .travis.yml └── README.md /.travis.yml: -------------------------------------------------------------------------------- 1 | language: ruby 2 | rvm: 3 | - 2.4 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 Testing](#react-testing) 24 | - [React Libraries](#react-libraries) 25 | - [React Integration](#react-integration) 26 | - [React State Management](#react-state-management) 27 | - [React AR and VR](#react-ar-and-vr) 28 | - [React Renderers](#react-renderers) 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 | - [GraphQL](#graphql) 48 | - [GraphQL General Resources](#graphql-spec) 49 | - [GraphQL Tools](#graphql-tools) 50 | - [GraphQL Tutorials](#graphql-tutorials) 51 | - [GraphQL Implementations](#graphql-implementations) 52 | - [Database Integration](#database-integration) 53 | - [Relay](#relay) 54 | - [Relay General Resources](#relay-general-resources) 55 | - [Relay Tutorials](#relay-tutorials) 56 | - [Relay Tools](#relay-tools) 57 | - [Videos](#videos) 58 | - [Important Talks](#important-talks) 59 | - [React.js Conf 2015 Playlist](#reactjs-conf-2015-playlist) 60 | - [ReactEurope Conf 2015 Day 1 Playlist](#reacteurope-conf-2015-day-1-playlist) 61 | - [ReactEurope Conf 2015 Day 2 Playlist](#reacteurope-conf-2015-day-2-playlist) 62 | - [ReactRally Conf 2015 Playlist](#reactrally-conf-2015-playlist) 63 | - [React.js Conf 2016 Playlist](#reactjs-conf-2016-playlist) 64 | - [ReactRally Conf 2016 Playlist](#reactrally-conf-2016-playlist) 65 | - [React.js Amsterdam 2018 Playlist](#reactjs-amsterdam-2018-playlist) 66 | - [Video Tutorials](#video-tutorials) 67 | - [Demo React Apps](#demo-react-apps) 68 | - [Real React Apps](#real-react-apps) 69 | - [Contribution](#contribution) 70 | 71 | --- 72 | 73 | ### React 74 | 75 | > JavaScript Library for building User Interfaces 76 | 77 | #### React General Resources 78 | 79 | - [React Official Website](https://reactjs.org/) 80 | - [React Documentation](https://reactjs.org/docs/getting-started.html) 81 | - [React GitHub](https://github.com/facebook/react) 82 | 83 | #### React Community 84 | 85 | - [Reactiflux Discord Channel](http://www.reactiflux.com/) 86 | - [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) 87 | - [React Twitter](https://twitter.com/reactjs) 88 | 89 | #### React Online Playgrounds 90 | 91 | - [CodePen](https://reactjs.org/redirect-to-codepen/hello-world) 92 | - [CodeSandbox](https://codesandbox.io/s/new) 93 | - [JSFiddle](https://jsfiddle.net/boilerplate/react-jsx) 94 | 95 | #### Another Awesome Lists 96 | 97 | - [React/Redux Links](https://github.com/markerikson/react-redux-links) 98 | 99 | #### React Tutorials 100 | 101 | ##### React General Tutorials 102 | 103 | - [React Official Tutorial](https://reactjs.org/tutorial/tutorial.html) 104 | - [Using React in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial) 105 | - [Scrimba - Learn React for free interactively](https://scrimba.com/g/glearnreact) 106 | - [FreeCodeCamp React Challenges](https://learn.freecodecamp.org/front-end-libraries/react) 107 | - [React Cheatsheet](https://devhints.io/react) 108 | - [React Patterns](https://reactpatterns.com/) 109 | - [Setup Flow with React](https://flow.org/en/docs/react/) 110 | 111 | ##### React Hooks 112 | 113 | - [React Hooks](https://reactjs.org/docs/hooks-intro.html) 114 | - [Awesome React Hooks](https://github.com/rehooks/awesome-react-hooks) 115 | - [Thinking in React Hooks](https://wattenberger.com/blog/react-hooks) 116 | - [Replacing Redux with React Hooks and Context](https://medium.com/octopus-labs-london/replacing-redux-with-react-hooks-and-context-part-1-11b72ffdb533) 117 | - [React Hooks cheat sheet: Unlock solutions to common problems](https://blog.logrocket.com/react-hooks-cheat-sheet-unlock-solutions-to-common-problems-af4caf699e70/) 118 | - [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data/) 119 | - [Easy to understand React Hook recipes](https://usehooks.com/) 120 | - [React Hooks Video Tutorial](https://www.youtube.com/playlist?list=PLN3n1USn4xlmyw3ebYuZmGp60mcENitdM) 121 | 122 | ##### React and TypeScript 123 | 124 | - [TypeScript, React and Webpack](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html) 125 | - [JSX in TypeScript](https://www.typescriptlang.org/docs/handbook/jsx.html) 126 | - [Cheatsheets for experienced React developers getting started with TypeScript](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet) 127 | - [React by Example](https://reactbyexample.github.io/) 128 | 129 | ##### React Performance 130 | 131 | - [React Optimizing Performance](https://reactjs.org/docs/optimizing-performance.html) 132 | - [Introducing the React Profiler](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html) 133 | - [Optimizing React: Virtual DOM explained](https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained) 134 | - [A Definitive Guide to Optimize Major Performance issues in React](https://www.simform.com/react-performance/) 135 | - [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) 136 | - [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/) 137 | - [Top 5 Practices to Boost React Performance](https://www.codementor.io/blizzerand/top-5-practices-to-boost-react-performance-jv6zr89ep) 138 | - [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) 139 | - [Rendering large lists with react-window](https://addyosmani.com/blog/react-window/) 140 | 141 | ##### React Internals 142 | 143 | - [Reconciliation](https://reactjs.org/docs/reconciliation.html) 144 | - [React Fiber Architecture](https://github.com/acdlite/react-fiber-architecture) 145 | - [Build your own React](https://engineering.hexacta.com/didact-learning-how-react-works-by-building-it-from-scratch-51007984e5c5) 146 | - [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) 147 | - [Entire React code base explanation by visual block schemes](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS) 148 | 149 | ##### React Interview Questions 150 | 151 | - [13 Essential React Interview Questions](https://www.toptal.com/react/interview-questions) 152 | - [List of React interview Questions and Answers](https://github.com/sudheerj/reactjs-interview-questions) 153 | - [React Coding Challenges](https://github.com/alexgurr/react-coding-challenges/) 154 | 155 | #### React Tools 156 | 157 | ##### React Development Tools 158 | 159 | - [react-devtools](https://github.com/facebook/react-devtools) - Inspection of React component hierarchy in the Chrome and Firefox Developer Tools 160 | - [react-hot-loader](https://github.com/gaearon/react-hot-loader) - Tweak React components in real time 161 | - [react-loadable](https://github.com/jamiebuilds/react-loadable) - A higher order component for loading components with promises 162 | - [loadable-components](https://github.com/smooth-code/loadable-components) - React code splitting made easy 163 | - [reactotron](https://github.com/skellock/reactotron) - A desktop app for inspecting your React and React Native projects 164 | - [storybook](https://github.com/storybookjs/storybook) - UI component dev & test 165 | - [docz](https://github.com/doczjs/docz) - Zero Config, live-reloading documentation with Markdown + JSX 166 | - [react-styleguidist](https://github.com/styleguidist/react-styleguidist) - Isolated React component development environment with a living style guide 167 | - [react-cosmos](https://github.com/react-cosmos/react-cosmos) - Dev tool for creating reusable React components 168 | - [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react) - React specific linting rules for ESLint 169 | - [eslint-plugin-jsx-a11y](https://github.com/evcohen/eslint-plugin-jsx-a11y) - Static AST checker for a11y rules on JSX elements 170 | - [@axe-core/react](https://github.com/dequelabs/axe-core-npm) - Accessibility auditing for React applications 171 | - [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 172 | - [Why Did You Render](https://github.com/welldone-software/why-did-you-render) - Monkey patches React to notify you about avoidable re-renders. 173 | - [Divjoy](https://divjoy.com) - React codebase and UI generator to speed up development (paid) 174 | - [Plasmic](https://www.plasmic.app/) - Powerful design tool for building your React components visually. 175 | - [jsx-ast-utils](https://github.com/jsx-eslint/jsx-ast-utils) - AST utility module for statically analyzing JSX 176 | - [react-scanner](https://github.com/moroshko/react-scanner) - Extract React components and props usage from code 177 | 178 | ##### React Starter Kits and Toolchains 179 | 180 | - [create-react-app](https://github.com/facebook/create-react-app) - Set up a modern Web app by running one command 181 | - [Razzle](https://razzlejs.org/) - Build production ready React applications. Razzle is toolchain for modern static and dynamic websites and web applications 182 | - [Neutrino React Preset](https://neutrinojs.org/packages/react/) - `@neutrinojs/react` is a Neutrino preset that supports building React web applications 183 | - [react-starter-kit](https://github.com/kriasoft/react-starter-kit) - Isomorphic Web app boilerplate 184 | - [create-react-library](https://github.com/transitive-bullshit/create-react-library) - CLI for creating reusable, modern React libraries using Rollup and create-react-app. 185 | - [tsdx](https://tsdx.io/) - Zero-config CLI for TypeScript package development 186 | 187 | ##### React Frameworks 188 | 189 | - [next.js](https://github.com/vercel/next.js) - The React Framework 190 | - [gatsby.js](https://github.com/gatsbyjs/gatsby) - Free and open source framework based on React 191 | - [react-admin](https://github.com/marmelab/react-admin) - Frontend Framework for building B2B applications on top of REST/GraphQL APIs 192 | - [remix](https://remix.run/) - Finally, a killer React framework from the creators of React Router 193 | - [Blitz](https://blitzjs.com) - The Fullstack React Framework 194 | - [aleph.js](https://github.com/alephjs/aleph.js) - The React Framework in Deno 195 | - [refine](https://refine.dev) - A React-based framework for building data-intensive applications in no time. 196 | 197 | ##### React Styling 198 | 199 | - [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age 200 | - [emotion](https://github.com/emotion-js/emotion) - Library designed for writing CSS styles with JavaScript 201 | - [radium](https://github.com/FormidableLabs/radium) - A toolchain for React component styling 202 | - [jss](https://github.com/cssinjs/jss) - Authoring tool for CSS 203 | - [aphrodite](https://github.com/Khan/aphrodite) - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation 204 | - [linaria](https://github.com/callstack/linaria) - Zero-Runtime CSS in JS 205 | - [stitches](https://github.com/modulz/stitches) - CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience 206 | - [vanilla-extract](https://github.com/seek-oss/vanilla-extract) - Zero-runtime Stylesheets-in-TypeScript 207 | 208 | ##### React Routing 209 | 210 | - [react-location](https://github.com/TanStack/react-location) - Enterprise Client-Side Routing for React 211 | - [react-router](https://github.com/ReactTraining/react-router) - Declarative routing for React 212 | - [navi](https://github.com/frontarm/navi) - Declarative, asynchronous routing for React 213 | - [curi](https://github.com/pshrmn/curi) - JavaScript router for single-page applications 214 | - [reach](https://github.com/reach/router) - Next Generation Routing for React 215 | - [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps 216 | - [wouter](https://github.com/molefrog/wouter) - A minimalist-friendly ~1.3KB routing library 217 | 218 | ##### React Component Libraries 219 | 220 | - [material-ui](https://github.com/mui-org/material-ui) - React components for faster and easier web development 221 | - [blueprint](https://github.com/palantir/blueprint) - A React-based UI toolkit for the webs 222 | - [Fluent UI](https://github.com/microsoft/fluentui) - A set of React components for building Microsoft web experiences 223 | - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React 224 | - [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components 225 | - [ant-design](https://github.com/ant-design/ant-design) - A design system with values of Nature and Determinacy 226 | - [chakra-ui](https://github.com/chakra-ui/chakra-ui/) - Simple, Modular & Accessible UI Components for your React Applications 227 | - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration 228 | - [evergreen](https://github.com/segmentio/evergreen) - Evergreen React UI Framework by Segment 229 | - [grommet](https://github.com/grommet/grommet) - A react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package 230 | - [rebass](https://github.com/rebassjs/rebass) - React primitive UI components built with styled-system 231 | - [reakit](https://github.com/reakit/reakit) - Accessible, Composable and Customizable components for React 232 | - [rsuite](https://github.com/rsuite/rsuite) - A suite of React components 233 | - [atlaskit](https://bitbucket.org/atlassian/atlaskit-mk-2) - Atlassian's official UI library, built according to the Atlassian Design Guidelines. 234 | - [baseweb](https://github.com/uber/baseweb) - Base Web is a foundation for initiating, evolving, and unifying web products. 235 | - [primereact](https://github.com/primefaces/primereact) - A complete UI Framework for React with 50+ components featuring material, bootstrap and custom themes. 236 | - [eui](https://github.com/elastic/eui) - Elastic UI Framework 237 | - [react-spectrum](https://github.com/adobe/react-spectrum) - Adobe's collection of libraries and tools that help you build adaptive, accessible, and robust user experiences 238 | - [ring-ui](https://github.com/JetBrains/ring-ui) - JetBrains Web UI components 239 | - [react-bulma-components](https://github.com/couds/react-bulma-components) - React components for Bulma framework 240 | - [react-bulma](https://github.com/kulakowka/react-bulma) - React.js components for Modern CSS framework based on Flexbox 241 | - [trunx](https://github.com/fibo/trunx) - Super Saiyan React components, son of awesome Bulma, implemented in TypeScript 242 | - [bumbag-ui](https://github.com/bumbag/bumbag-ui) - Build accessible & themeable React applications with your Bumbag 243 | - [Mantine](https://github.com/mantinedev/mantine) – A fully featured React library with 100+ hooks and components with native dark theme support 244 | - [radix](https://github.com/radix-ui/primitives) - An open-source UI component library for building high-quality, accessible design systems and web apps 245 | 246 | ##### React Awesome Components 247 | 248 | - [Awesome React Components list](https://github.com/brillout/awesome-react-components) 249 | - [react-select](https://github.com/JedWatson/react-select) - The Select Component for React 250 | - [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) - Beautiful and accessible drag and drop for lists with React 251 | - [react-dnd](https://github.com/react-dnd/react-dnd) - Drag and Drop for React 252 | - [react-grid-layout](https://github.com/strml/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints 253 | - [react-table](https://github.com/tannerlinsley/react-table/) - A lightweight, fast and extendable datagrid for React 254 | - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid component built with React 255 | - [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component 256 | - [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - A resizable and draggable component for React 257 | - [react-resizable](https://github.com/strml/react-resizable) - A simple React component that is resizable with a handle 258 | - [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - A resizable component for React 259 | - [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome) - Minimalistic searchbox 260 | - [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - A sortable and resizable pane component for React 261 | - [react-spaces](https://github.com/aeagle/react-spaces) - Nestable resizable, anchored, scrollable components 262 | - [react-dates](https://github.com/airbnb/react-dates) - An easily internationalizable, mobile-friendly datepicker library for the web 263 | - [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Calendar component 264 | - [react-datepicker](https://github.com/Hacker0x01/react-datepicker/) - ReactJS Datepicker 265 | - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component 266 | - [react-intl](https://github.com/yahoo/react-intl) - Internationalize React apps 267 | - [react-i18next](https://github.com/i18next/react-i18next) - Internationalization for React done right 268 | - [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible React modal 269 | - [react-hotkeys](https://github.com/greena13/react-hotkeys) - Declarative hotkey and focus area management for React 270 | - [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components 271 | - [react-joyride](https://github.com/gilbarbara/react-joyride) - Create guided tours for your apps 272 | - [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data 273 | - [react-window](https://github.com/bvaughn/react-window) - React components for efficiently rendering large lists and tabular data 274 | - [data-source](https://github.com/facebook/flipper/tree/main/desktop/flipper-plugin/src/data-source) - Library to power streaming data visualisations as used in Facebook's Flipper 275 | - [react-text-mask](https://github.com/text-mask/text-mask) - Input mask for React 276 | - [react-loading-skeleton](https://github.com/dvtng/react-loading-skeleton) - Create skeleton screens that automatically adapt to your app 277 | - [react-spinkit](https://github.com/KyleAMathews/react-spinkit) - A collection of loading indicators animated with CSS for React 278 | - [rheostat](https://github.com/airbnb/rheostat) - Accessible slider component built with React 279 | - [qrcode.react](https://github.com/zpao/qrcode.react) - QR component for use with React 280 | - [react-archer](https://github.com/pierpo/react-archer) - Draw arrows between React elements 281 | - [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer) - A PDF viewer made for React 282 | - [react-parallax-tilt](https://github.com/mkosir/react-parallax-tilt) - Easily apply tilt hover effect on React components 283 | - [react-popper](https://github.com/popperjs/react-popper) - Position tooltips and popovers in an elegant, performant manner 284 | - [react-tsparticles](https://github.com/matteobruni/tsparticles) - Easily create highly customizable particles animations 285 | - [react-spring](https://github.com/pmndrs/react-spring) - Spring-physics based animation library for React applications 286 | - [framer-motion](https://github.com/framer/motion) - A React library to power production-ready animations 287 | - [react-accessible-accordion](https://github.com/springload/react-accessible-accordion) - React Component for creating an 'Accordion' that adheres to the WAI ARIA spec for accessibility. 288 | - [react-truncate-markup](https://github.com/parsable/react-truncate-markup) - React component for truncating JSX markup. 289 | - [react-cookie](https://github.com/reactivestack/cookies) - Universal cookies for React 290 | - [react-slick](https://github.com/akiran/react-slick) - Carousel component built with React 291 | - [react-gtm-module](https://github.com/alinemorelli/react-gtm) - Google Tag Manager Module for React 292 | - [react-device-detect](https://github.com/duskload/react-device-detect) - Detect device for React 293 | - [react-colorful](https://github.com/omgovich/react-colorful) - A tiny (2,5 KB), dependency-free, fast and accessible color picker component 294 | - [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React 295 | - [cleave.js](https://github.com/nosir/cleave.js) - Format input text content when you are typing 296 | - [react-fontawesome](https://github.com/FortAwesome/react-fontawesome) - Font Awesome 5 React component 297 | - [react-advanced-cropper](https://github.com/Norserium/react-advanced-cropper) - An advanced React component for image cropping 298 | - [swiper](https://github.com/nolimits4web/swiper) - modern mobile touch slider 299 | 300 | ##### React Testing 301 | 302 | - [jest](https://github.com/facebook/jest) - Delightful JavaScript Testing Framework 303 | - [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React 304 | - [react-testing-library](https://github.com/testing-library/react-testing-library) - Simple and complete React DOM testing utilities 305 | - [react-hooks-testing-library](https://github.com/mpeyper/react-hooks-testing-library) - React hooks testing utilities that encourage good testing practices 306 | - [majestic](https://github.com/Raathigesh/majestic) - Zero config GUI for Jest 307 | 308 | ##### React Libraries 309 | 310 | - [react-border-wrapper](https://github.com/Metroxe/react-border-wrapper) - A wrapper for placing elements along div borders in React. 311 | - [react-magic](https://github.com/reactjs/react-magic) - Automatically AJAXify plain HTML with the power of React 312 | - [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design specification 313 | - [tcomb-react](https://github.com/gcanti/tcomb-react) - Library allowing you to check all the props of your React components 314 | - [react-responsive](https://github.com/wearefractal/react-responsive) - Media queries in react for responsive design 315 | - [preact](https://git.io/preact) - Fast 3kb React alternative with the same ES6 API. 316 | - [riotjs](https://github.com/muut/riotjs) - A React-like, 3.5KB user interface library 317 | - [Maple.js](https://github.com/Wildhoney/Maple.js) - Bringing the concept of web-components to React 318 | - [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application 319 | - [react-icons](https://github.com/gorangajic/react-icons) - svg react icons of popular icon packs 320 | - [react-open-doodles](https://github.com/lunahq/react-open-doodles) - Awesome free illustrations as react components. 321 | - [Keo](https://github.com/Wildhoney/Keo) - Plain functions for a more functional Deku approach to creating React components, with functional goodies such as pipe, memoize, etc... 322 | - [Bit](https://github.com/teambit/bit) - A virtual repository for managing and using react and other web components across applications 323 | - [AtlasKit](https://atlaskit.atlassian.com/) - Atlassian's React UI library 324 | - [ReactiveSearch](https://github.com/appbaseio/reactivesearch) - UI components library for Elasticsearch 325 | - [Slate](https://github.com/ianstormtaylor/slate) - A completely customizable framework for building rich text editors. 326 | - [react-json-schema](https://github.com/TechniqueSoftware/react-json-schema) - Construct React elements from JSON by mapping JSON definitions to React components that you expose. 327 | - [react-lodash](https://github.com/typicode/react-lodash) - Lodash as React components 328 | - [react-helmet](https://github.com/nfl/react-helmet) - A document head manager for React 329 | - [react-snap](https://github.com/stereobooster/react-snap) - Zero-configuration framework-agnostic static prerendering for SPAs 330 | - [Draft.js](https://github.com/facebook/draft-js) - A React framework for building text editors 331 | - [refract](https://github.com/fanduel-oss/refract) - Harness the power of reactive programming to supercharge your components 332 | - [react-desktop](https://github.com/gabrielbull/react-desktop) - OS X and Windows UI components built with React 333 | - [reapop](https://github.com/LouisBarranqueiro/reapop) - A simple and customizable React notifications system 334 | - [react-extras](https://github.com/sindresorhus/react-extras) - Useful components and utilities for working with React 335 | - [react-instantsearch](https://github.com/algolia/react-instantsearch) - Lightning-fast search for React and React Native applications, by Algolia 336 | - [uppy](https://github.com/transloadit/uppy) - The next open source file uploader for web browsers 337 | - [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems 338 | - [react-esi](https://github.com/dunglas/react-esi) - React Edge Side Includes 339 | - [react-aria](https://react-spectrum.adobe.com/react-aria/index.html) - Adobe's library of React Hooks that provides accessible UI primitives for your design system 340 | - [react-uploady](https://github.com/rpldy/react-uploady) - Modern file-upload components & hooks for React. 341 | 342 | ##### React Integration 343 | 344 | - [ReasonReact](https://reasonml.github.io/reason-react/) 345 | - [React Rails](https://github.com/reactjs/react-rails) 346 | - [ReactJS.NET](https://github.com/reactjs/React.NET) 347 | - [om](https://github.com/swannodette/om) - ClojureScript interface 348 | - [Reagent](https://github.com/reagent-project/reagent) - A minimalistic ClojureScript interface to React.js 349 | - [Express React views](https://github.com/reactjs/express-react-views) 350 | - [React Page Middleware](https://github.com/reactjs/react-page-middleware) 351 | - [ngReact](https://github.com/davidchang/ngReact) - React Components in Angular 352 | - [coffee-react-transform](https://github.com/jsdf/coffee-react-transform) - Provides React JSX support for Coffeescript 353 | - [sprockets-coffee-react](https://github.com/jsdf/sprockets-coffee-react) - Sprockets preprocessor for CJSX 354 | - [react-kup](https://github.com/snd/react-kup) - A simple, non-intrusive alternative to jsx for coffeescript 355 | - [turbo-react](https://github.com/ssorallen/turbo-react) - Combine Turbolinks and React to apply DOM diffs 356 | - [react-bacon](https://github.com/jamesmacaulay/react-bacon) - A little module for using React with Bacon.js 357 | - [msx](https://github.com/insin/msx) - React's JSX Transformer, tweaked to output calls to Mithril 358 | - [react-backbone](https://github.com/jhudson8/react-backbone) - Backbone-aware mixins for react 359 | - [NestedReact](https://github.com/Volicon/NestedReact/) - transparent integration with Backbone Views and NestedTypes models 360 | - [backbone-reaction](https://github.com/jhudson8/backbone-reaction) - React, Backbone and then some 361 | - [react.backbone](https://github.com/usepropeller/react.backbone) - Plugin for React to make Backbone migration easier 362 | - [reactbone](https://github.com/andrejewski/reactbone) - React extensions for Backbone 363 | - [backbone-react-ui](https://github.com/securingsincity/backbone-react-ui) - React components for use with backbone and backbone paginator 364 | - [react-events](https://github.com/jhudson8/react-events) - Declarative managed event bindings for react components 365 | - [react-mixin-manager](https://github.com/jhudson8/react-mixin-manager) - React mixin registration manager 366 | - [react-topcoat by @plaxdan](https://github.com/plaxdan/react-topcoat) - Topcoat CSS components built with the React library 367 | - [react-topcoat by @arnemart](https://github.com/arnemart/react-topcoat) - A collection of React components for Topcoat 368 | - [reactdown](https://github.com/andreypopp/reactdown) - Write React components using markdown syntax 369 | - [react-jade](https://github.com/ForbesLindesay/react-jade) - Compile Jade to React JavaScript 370 | - [jade-react](https://github.com/duncanbeevers/jade-react) - Compile Jade templates to React.DOM expressions 371 | - [gulp-jade-react](https://github.com/duncanbeevers/gulp-jade-react) - Compile Jade templates into React de-sugared JSX with Gulp 372 | - [sbt-reactjs](https://github.com/ddispaltro/sbt-reactjs) - React SBT Plugin using npm 373 | - [scalajs-react](https://github.com/japgolly/scalajs-react) - A guilty affair between Scala.js and Facebook's React 374 | - [react-xtags](https://github.com/vjeux/react-xtags/) - Using React to implement xtags 375 | - [jreact](https://github.com/KnisterPeter/jreact) - React on server-side Java (with Rhino or Nashorn) 376 | - [React.hiccup](https://github.com/lantiga/react.hiccup) - A complete replacement for JSX written in sweet.js 377 | - [react-play](https://github.com/ssorallen/react-play) - Rendering React components in the Play Framework with JDK8's Nashorn 378 | - [rx-react](https://github.com/fdecampredon/rx-react) - Utilities to works with React in a RxJS 379 | - [react-with-di](https://github.com/vojtajina/react-with-di) - A hacked prototype of React.js with DI 380 | - [reactfire](https://github.com/firebase/reactfire) - ReactJS mixin for easy Firebase integration 381 | - [react-clickdrag-mixin](https://github.com/tleunen/react-clickdrag-mixin) - ClickDrag mixin for React component 382 | - [react-masonry-mixin](https://github.com/eiriklv/react-masonry-mixin) - Standalone mixin for Masonry (@desandro) 383 | - [react-packery-mixin](https://github.com/eiriklv/react-packery-mixin) - Standalone mixin for Packery (Metafizzy) 384 | - [react-dropzone](https://github.com/paramaggarwal/react-dropzone) - Simple HTML5 drag-drop zone with React.js. 385 | - [aframe-react](https://github.com/ngokevin/aframe) - A-Frame VR + React 386 | - [react-three-fiber](https://github.com/react-spring/react-three-fiber) - A react reconciler for threejs (web and react-native) 387 | - [react-three](https://github.com/Izzimach/react-three) - React bindings to create and control a 3D scene using three.js 388 | - [react-three-renderer](https://github.com/toxicFork/react-three-renderer) - Render into a three.js canvas using React 389 | - [react-threejs](https://github.com/fritx/react-threejs) - Simplest bindings between React & Three.js 390 | - [react-masonry-css](https://github.com/paulcollett/react-masonry-css) - Fast Masonry layout powered by CSS, dependency free 391 | - [react-captcha](https://github.com/appleboy/react-recaptcha) - A react.js reCAPTCHA for Google 392 | - [reaptcha](https://github.com/sarneeh/reaptcha) - Clean, modern and simple React wrapper for Google reCAPTCHA 393 | - [react-recaptcha-that-works](https://github.com/douglasjunior/react-recaptcha-that-works) - A reCAPTCHA bridge for React that works 394 | 395 | ##### React State Management 396 | 397 | - [redux](#redux) - Predictable State Container for JavaScript Apps 398 | - [mobx](https://github.com/mobxjs/mobx) - Simple, scalable state management 399 | - [react-query](https://github.com/tannerlinsley/react-query) - Hooks for fetching, caching and updating asynchronous data in React 400 | - [flux](http://facebook.github.io/flux/) - Application architecture for building user interfaces 401 | - [recoil](https://github.com/facebookexperimental/Recoil) - Experimental state management library for React apps 402 | - [xstate-react](https://github.com/davidkpiano/xstate/tree/master/packages/xstate-react) - State machines and statecharts for the modern web 403 | - [zustand](https://github.com/pmndrs/zustand) - Bear necessities for state management in React 404 | - [easy-peasy](https://github.com/ctrlplusb/easy-peasy) - Vegetarian friendly state for React 405 | - [hookstate](https://github.com/avkonst/hookstate) - The simple but very powerful and incredibly fast state management for React that is based on hooks 406 | - [effector](https://github.com/zerobias/effector) - Fast and powerful reactive state manager 407 | - [reactn](https://github.com/CharlesStover/reactn) - React, but with built-in global state management 408 | - [react-facet](https://github.com/Mojang/ore-ui/tree/main/packages/%40react-facet/) - Observable-based state management for performant game UIs built in React 409 | 410 | ##### React AR and VR 411 | 412 | - [Viro React](https://viromedia.com/viroreact/) - Platform for rapidly building AR/VR applications using React Native 413 | 414 | ##### React Renderers 415 | 416 | - [react-three-fiber](https://github.com/pmndrs/react-three-fiber) - A React renderer for Three.js 417 | - [react-pdf](https://github.com/diegomura/react-pdf) - Create PDF files using React 418 | - [ink](https://github.com/vadimdemedes/ink) - React for interactive command-line apps 419 | - [react-blessed](https://github.com/Yomguithereal/react-blessed) - A React renderer for blessed terminal interface library 420 | - [react-sketchapp](https://github.com/airbnb/react-sketchapp) - Render React components to Sketch 421 | - [react-figma](https://github.com/react-figma/react-figma) - A React renderer for Figma 422 | - [react-nil](https://github.com/pmndrs/react-nil) - A react null renderer 423 | - [remotion](https://github.com/JonnyBurger/remotion) - Create videos programmatically in React 424 | 425 | ##### Forms 426 | 427 | - [formik](https://github.com/jaredpalmer/formik) - Build forms in React, without the tears 428 | - [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React Hooks for forms validation 429 | - [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSON Schema 430 | - [react-final-form](https://github.com/final-form/react-final-form) - High performance subscription-based form state management for React 431 | - [unform](https://github.com/Rocketseat/unform) - Performance-focused API for React forms 432 | - [formily](https://github.com/alibaba/formily) - Alibaba Group Unified Form Solution 433 | - [uniforms](https://github.com/vazco/uniforms) - A React library for building forms from any schema 434 | - [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React 435 | - [react-formal](https://github.com/jquense/react-formal) - Sophisticated HTML form management for React 436 | - [vest](https://github.com/ealush/vest) - Declarative form validation framework inspired by unit testing syntax. 437 | 438 | ##### Autocomplete 439 | 440 | - [react-autocomplete by @rackt](https://github.com/rackt/react-autocomplete) - WAI-ARIA compliant React autocomplete (Archived, read-only) 441 | - [react-autosuggest by @moroshko](https://github.com/moroshko/react-autosuggest) - WAI-ARIA compliant React autosuggest component 442 | - [react-autocomplete by @eliseumds](https://github.com/eliseumds/react-autocomplete) - Just tasting some ReactJS + RxJS 443 | - [react-autocomplete by @prometheusresearch](https://github.com/prometheusresearch/react-autocomplete) - Autocomplete widget based on React 444 | - [instatype by @gragland](https://github.com/gragland/instatype) - Simple react autocomplete component 445 | - [downshift](https://github.com/paypal/downshift) - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components 446 | - [React Bootstrap Typeahead](https://github.com/ericgio/react-bootstrap-typeahead) - A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js. 447 | 448 | ##### Graphics 449 | 450 | - [react-art](https://github.com/facebook/react-art) - React Bridge to the ART Drawing Library 451 | - [react-canvas](https://github.com/Flipboard/react-canvas) - High performance `` rendering for React components 452 | - [react-famous](https://github.com/pilwon/react-famous) - Complex 3D animations UI at 60 FPS with Famo.us 453 | - [react-kinetic](https://github.com/freiksenet/react-kinetic) - HTML5 Canvas via KineticJS using React 454 | - [react-svg-morph](https://github.com/gorangajic/react-svg-morph) - morph your svg components one into another 455 | - [react-hooks-svgdrawing](https://github.com/kmkzt/react-hooks-svgdrawing) - SVG Drawing with React hooks 456 | - [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG. 457 | 458 | ##### Data Managing 459 | 460 | - [immer](https://github.com/immerjs/immer) - Create the next immutable state by mutating the current one 461 | - [ReSub](https://github.com/Microsoft/ReSub) - A library for writing better React components and data stores 462 | - [immutable-js](https://github.com/immutable-js/immutable-js) - Immutable Data Collections for Javascript 463 | - [baobab](https://github.com/Yomguithereal/baobab) - JavaScript & TypeScript persistent and optionally immutable data tree with cursors 464 | - [WatermelonDB](https://github.com/Nozbe/WatermelonDB) - 🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️ 465 | - [RxDB](https://github.com/pubkey/rxdb) - A realtime Database for JavaScript Applications 466 | 467 | 468 | ##### Maps 469 | 470 | - [react-googlemaps](https://github.com/pieterv/react-googlemaps) - React interface to Google maps 471 | - [react-maps](https://github.com/matnel/react-maps) - A map component for React 472 | - [react-google-maps](https://github.com/tomchentw/react-google-maps) - React.js Google Maps integration component 473 | - [react-gmaps](https://github.com/MicheleBertoli/react-gmaps) - A Google Maps component for React.js 474 | - [react-map-gl](https://github.com/uber/react-map-gl) - A React wrapper for MapboxGL-js plus overlay API 475 | - [google-map-react](https://github.com/istarkov/google-map-react) - Isomorphic google map React component 476 | - [react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl) - A mapbox-gl-js wrapper to make the API react friendly 477 | - [google-maps-react](https://github.com/fullstackreact/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. 478 | - [react-leaflet](https://react-leaflet.js.org/) - React components for Leaflet maps 479 | - [react-geo](https://github.com/terrestris/react-geo) - A set of geo-related components using react, antd, and ol 480 | - [pigeon-maps](https://github.com/mariusandra/pigeon-maps) - ReactJS maps without external dependencies 481 | 482 | ##### Charts 483 | 484 | - [vx](https://github.com/airbnb/visx) - Visualization components 485 | - [victory](https://github.com/FormidableLabs/victory) - A collection of composable React components for building interactive data visualizations 486 | - [react-vis](https://github.com/uber/react-vis) - Data Visualization Components 487 | - [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3 488 | - [nivo](https://github.com/plouc/nivo) - Provides a rich set of data visualization components, built on top of the D3 and React libraries 489 | - [echarts-for-react](https://github.com/hustcc/echarts-for-react) - Apache ECharts components for React wrapper 490 | - [react-apexcharts](https://github.com/apexcharts/react-apexcharts) - React Component for ApexCharts 491 | - [chartify](https://github.com/kis/chartify) - React plugin for building charts using CSS 492 | 493 | --- 494 | 495 | ### React Native 496 | 497 | > Framework for building native apps using React 498 | 499 | #### React Native General Resources 500 | 501 | - [React Native Official Site](https://facebook.github.io/react-native/) 502 | - [React Native GitHub](https://github.com/facebook/react-native) 503 | - [React Native Newsletter](http://brentvatne.ca/react-native-newsletter/) 504 | - [React Native Playground](https://rnplay.org/) 505 | - [React Native Awesome List](https://github.com/jondot/awesome-react-native) 506 | - [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native) 507 | - [React Native Radio](https://devchat.tv/react-native-radio/) 508 | 509 | #### React Native Tutorials 510 | 511 | - [React Native Tutorial](https://facebook.github.io/react-native/docs/tutorial.html) 512 | - [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) 513 | - [Introduction to React Native: Building iOS Apps with JavaScript](http://www.appcoda.com/react-native-introduction/) 514 | - [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173) 515 | - [Digital Smart Mirror lab with React Native](http://atticuswhite.com/blog/react-native-smart-mirror-lab/) 516 | - [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/) 517 | - [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/) 518 | - [A Mini-Course on React Native Flexbox](https://medium.com/@yoniweisbrod/a-mini-course-on-react-native-flexbox-2832a1ccc6) 519 | - [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) 520 | - [Test driving react native applications](http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/) 521 | - [Using React Native With TypeScript](https://medium.com/@jan.hesters/using-typescript-with-react-native-946aa4b4ae6f) 522 | 523 | #### React Native Development Tools 524 | 525 | - [react-native-code-push](https://github.com/microsoft/react-native-code-push) - React Native module for CodePush 526 | 527 | #### React Native Sample Apps 528 | 529 | - [HackerNews](https://github.com/iSimar/HackerNews-React-Native) 530 | - [Ziliun](https://github.com/sonnylazuardi/ziliun-react-native) 531 | - [FinanceReactNative](https://github.com/7kfpun/FinanceReactNative) 532 | - [SplashWalls](https://github.com/nashvail/SplashWalls) 533 | - [NBAreact](https://github.com/jbkuczma/NBAreact) 534 | - [Bus Timetable](https://github.com/EarlGeorge/timetable) 535 | 536 | #### React Native Boilerplates 537 | 538 | - [Create React Native App](https://github.com/react-community/create-react-native-app) - Create React Native apps that run on iOS, Android, and web 539 | - [Ignite](https://github.com/infinitered/ignite) - The hottest CLI for React Native, boilerplates, plugins, generators, and more! 540 | 541 | #### React Native Awesome Components 542 | 543 | - [Expo](https://expo.io/) - The Expo platform for making cross-platform mobile apps 544 | - [react-navigation](https://reactnavigation.org/) - Routing and navigation for your React Native apps 545 | - [react-native-social-share](https://github.com/doefler/react-native-social-share) - Use the iOS and Android native Twitter and Facebook share popup with React Native 546 | - [react-native-fbsdk](https://github.com/facebook/react-native-fbsdk) - A wrapper around the iOS Facebook SDK 547 | - [react-native-side-menu](https://github.com/Kureev/react-native-side-menu) - Simple customizable component to create side menu 548 | - [react-native-mapbox-gl](https://github.com/mapbox/react-native-mapbox-gl) - A Mapbox GL react native module 549 | - [react-native-icons](https://github.com/corymsmith/react-native-icons) - Quick and easy icons in React Native 550 | - [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) - 3000 Customizable Icons for React Native with support for NavBar/TabBar 551 | - [react-native-google-signin](https://github.com/apptailor/react-native-google-signin) - Google Signin for React Native 552 | - [react-native-picker-modal-view](https://github.com/pankod/react-native-picker-modal-view) 553 | - [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) - The most complete chat UI for React Native 554 | - [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image) - FastImage, performant React Native image component 555 | - [recyclerlistview](https://github.com/Flipkart/recyclerlistview) - High performance listview for React Native and web! 556 | - [react-native-largelist](https://github.com/bolan9999/react-native-largelist) - The best large list component for React Native 557 | - [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 558 | - [rn-placeholder](https://github.com/mfrachet/rn-placeholder) - Display some placeholder stuff before rendering your text or media content in React Native 559 | 560 | #### React Native Libraries 561 | 562 | - [sentry-react-native](https://github.com/getsentry/sentry-react-native) - Real-time crash reporting for your web apps, mobile apps, and games. 563 | - [realm-js](https://github.com/realm/realm-js) - Realm is a mobile database: an alternative to SQLite & key-value stores 564 | - [react-native-device-info](https://github.com/react-native-community/react-native-device-info) - Device Information for React Native iOS and Android 565 | - [react-native-react-bridge](https://github.com/inokawa/react-native-react-bridge) - A toolset to run React web app in React Native and handle communication between them. 566 | - [uncompress-react-native](https://github.com/didisouzacosta/uncompress-react-native) - Simple library to decompress files .zip, .rar, .cbz, .cbr in React Native. 567 | 568 | ### Redux 569 | 570 | > Predictable State Container for JavaScript Apps 571 | 572 | #### Redux General Resources 573 | 574 | - [Redux GitHub](https://github.com/reduxjs/redux) 575 | - [Redux Official Site](http://redux.js.org/) 576 | - [Awesome Redux List](https://github.com/xgrommx/awesome-redux) 577 | 578 | #### Redux Tools 579 | 580 | - [react-redux](https://github.com/reduxjs/react-redux) - Official React bindings for Redux 581 | - [redux-toolkit](https://github.com/reduxjs/redux-toolkit) - The official, opinionated, batteries-included toolset for efficient Redux development 582 | - [redux-devtools](https://github.com/reduxjs/redux-devtools) - DevTools for Redux with hot reloading, action replay, and customizable UI 583 | - [reselect](https://github.com/reduxjs/reselect) - Selector library for Redux 584 | - [redux-thunk](https://github.com/reduxjs/redux-thunk) - Thunk middleware for redux 585 | - [redux-saga](https://github.com/redux-saga/redux-saga) - An alternative side effect model for Redux apps 586 | - [connected-react-router](https://github.com/supasate/connected-react-router) - A Redux binding for React Router 587 | - [redux-form](https://github.com/erikras/redux-form) - A Higher Order Component using react-redux to keep form state 588 | - [normalizr](https://github.com/paularmstrong/normalizr) - Normalizes nested JSON according to a schema 589 | - [redux-observable](https://github.com/redux-observable/redux-observable) - RxJS middleware for Redux 590 | - [redux-undo](https://github.com/omnidan/redux-undo) - Higher order reducer to add undo/redo functionality to redux state containers 591 | - [redux-persist](https://github.com/rt2zz/redux-persist) - Persist and rehydrate a redux store 592 | - [Rematch](https://github.com/rematch/rematch) - Redux made easy 593 | 594 | #### Redux Tutorials 595 | 596 | - [Redux Essentials](https://redux.js.org/tutorials/essentials/part-1-overview-concepts) 597 | - [Redux Fundamentals](https://redux.js.org/tutorials/fundamentals/part-1-overview) 598 | - [Fundamentals of Redux Course from Dan Abramov](https://app.egghead.io/playlists/fundamentals-of-redux-course-from-dan-abramov-bd5cc867) 599 | - [Building React Applications with Idiomatic Redux](https://app.egghead.io/courses/building-react-applications-with-idiomatic-redux) 600 | 601 | --- 602 | 603 | ### GraphQL 604 | 605 | > A query language for your API 606 | 607 | #### GraphQL General Resources 608 | 609 | - [GraphQL Official Site](http://graphql.org/) 610 | - [GraphQL Specification](https://github.com/graphql/graphql-spec) 611 | - [GraphQL Specification Repository](https://github.com/facebook/graphql) 612 | 613 | #### GraphQL Tools 614 | 615 | - [graphql-js](https://github.com/graphql/graphql-js) - A reference implementation of GraphQL for **JavaScript** 616 | - [express-graphql](https://github.com/graphql/express-graphql) - Create a GraphQL HTTP server with **Express** 617 | - [Apollo](https://www.apollographql.com/) - Industry-standard GraphQL implementation 618 | - [GraphQL Playground - GraphQL IDE for better development workflows](https://github.com/graphql/graphql-playground) 619 | 620 | #### GraphQL Tutorials 621 | 622 | - [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html) 623 | - [How to Graphql - The Fullstack Tutorial for GraphQL](https://howtographql.com/) 624 | 625 | #### GraphQL Implementations 626 | 627 | - [graphql-ruby](https://github.com/rmosolgo/graphql-ruby) - **Ruby** implementation of GraphQL 628 | - [graphql-java](https://github.com/graphql-java/graphql-java) - GraphQL **Java** implementation 629 | - [sangria](https://github.com/sangria-graphql/sangria) - **Scala** GraphQL client and server library 630 | - [graphql-php](https://github.com/webonyx/graphql-php) - A **PHP** port of GraphQL reference implementation 631 | - [graphene](https://github.com/graphql-python/graphene) - GraphQL framework for **Python** 632 | - [graphql-dotnet](https://github.com/graphql-dotnet/graphql-dotnet) - GraphQL for **.NET** 633 | - [graphql-go](https://github.com/graphql-go/graphql) - GraphQL for **Go** 634 | - [juniper](https://github.com/graphql-rust/juniper) - GraphQL server library for **Rust** 635 | 636 | #### Database Integration 637 | 638 | - [Hasura](https://hasura.io/) - Instant GraphQL for all your data 639 | - [Prisma](https://www.prisma.io/) - Next-generation ORM 640 | for Node.js and TypeScript 641 | - [graphql-sequelize](https://github.com/mickhansen/graphql-sequelize) - GraphQL & Relay for MySQL & Postgres via Sequelize 642 | 643 | --- 644 | 645 | ### Relay 646 | 647 | > Data-Driven React Applications 648 | 649 | #### Relay General Resources 650 | 651 | - [Relay Offical Site](https://relay.dev/) 652 | - [Relay GitHub](https://github.com/facebook/relay) 653 | 654 | #### Relay Tutorials 655 | 656 | - [Official Relay Getting Started](https://facebook.github.io/relay/docs/en/introduction-to-relay.html) 657 | - [Relay for Visual Learners](http://sgwilym.github.io/relay-visual-learners/) 658 | - [Getting Started with Relay](https://auth0.com/blog/2015/10/06/getting-started-with-relay/) 659 | - [Relay and Routing](https://medium.com/@cpojer/relay-and-routing-36b5439bad9) 660 | 661 | #### Relay Tools 662 | 663 | - [graphql-relay-js](https://github.com/graphql/graphql-relay-js) - A library to help construct a graphql-js server supporting react-relay 664 | - [react-router-relay](https://github.com/relay-tools/react-router-relay) - Relay integration for React Router 665 | - [relay-local-schema](https://github.com/relay-tools/relay-local-schema) - Use Relay without a GraphQL server 666 | - [relay-codemod](https://github.com/facebook/jscodeshift) - Codemod scripts based for on jsodeshift to update Relay APIs 667 | 668 | --- 669 | 670 | ### Videos 671 | 672 | #### Important Talks 673 | 674 | - [Pete Hunt: React: Rethinking best practices - JSConf EU 2013](https://www.youtube.com/watch?v=x7cQ3mrcKaY) 675 | - [Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013](https://www.youtube.com/watch?v=DgVS-zXgMTk) 676 | - [Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013](https://www.youtube.com/watch?v=GW0rj4sNH2w) 677 | - [React: CSS in JS](http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html) 678 | - [Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014](https://www.youtube.com/watch?v=h3KksH8gfcQ) 679 | - [Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?v=nYkdrAPrdcw) 680 | - [Christopher Chedeau: Why does React Scale? - JSConf2014](https://www.youtube.com/watch?v=D-ioDiacTm8) 681 | - [Christopher Chedeau: React's Architecture - OSCON 2014](https://www.youtube.com/watch?v=eCf5CquV_Bw) 682 | - [Pete Hunt: React RESTful UI Rendering - Strange Loop 2014](https://www.youtube.com/watch?v=IVvHPPcl2TM) 683 | - [Pete Hunt: How Instagram.com Works - OSCON 2014](https://www.youtube.com/watch?v=VkTCL6Nqm6Y) 684 | - [Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014](https://www.youtube.com/watch?v=i__969noyAM) 685 | - [Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014](https://www.youtube.com/watch?v=4anAwXYqLG8) 686 | - [Avik Chaudhuri: JavaScript Testing and Static Type Systems at Scale - Scale 2014](https://www.youtube.com/watch?v=M8x0bc81smU) 687 | - [React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU) 688 | - [Citrusbyte Presents GraphQL: A Horizontal Platform with Nick Schrock](https://www.youtube.com/watch?v=LQFQl8EsV3k) 689 | - [Laney Kuenzel: Mutations and Subscriptions in Relay - JSConf 2015](https://www.youtube.com/watch?v=mmke4w4gc6c) 690 | - [React Today and Tomorrow and 90% Cleaner React With Hooks - React Conf 2018](https://www.youtube.com/watch?v=dpw9EHDh2bM) 691 | - [React Conferences](https://reactjs.org/community/conferences.html) 692 | - [React Videos](https://reactjs.org/community/videos.html) 693 | - [Awesome React Talks](https://github.com/tiaanduplessis/awesome-react-talks) 694 | 695 | #### [React.js Conf 2015 Playlist](https://www.youtube.com/playlist?list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr) 696 | 697 | #### [ReactEurope Conf 2015 Day 1 Playlist](https://www.youtube.com/playlist?list=PLCC436JpVnK0Phxld2dD4tM4xPMxJCiRD) 698 | 699 | #### [ReactEurope Conf 2015 Day 2 Playlist](https://www.youtube.com/playlist?list=PLCC436JpVnK3HvUSAHpt-LRJkIK8pQG6R) 700 | 701 | #### [ReactRally Conf 2015 Playlist](https://www.youtube.com/playlist?list=PLUD4kD-wL_zZhHy-G8hPNZTvx_M35loXQ) 702 | 703 | #### [React.js Conf 2016 Playlist](https://www.youtube.com/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY) 704 | 705 | #### [React Amsterdam 2016 Playlist](https://www.youtube.com/playlist?list=PLNBNS7NRGKMG3uLrm5fgY02hJ87Wzb4IU) 706 | 707 | #### [ReactEurope Conf 2016 Day 1 Playlist](https://www.youtube.com/playlist?list=PLCC436JpVnK09bZeayg-KeLuHfHgc-tDa) 708 | 709 | #### [ReactEurope Conf 2016 Day 2 Playlist](https://www.youtube.com/playlist?list=PLCC436JpVnK0LTDKW3O_BGTZnrZ8dBAof) 710 | 711 | #### [ReactRally Conf 2016 Playlist](https://www.youtube.com/playlist?list=PLUD4kD-wL_zYSfU3tIYsb4WqfFQzO_EjQ) 712 | 713 | #### [React Conf 2017 Playlist](https://www.youtube.com/playlist?list=PLb0IAmt7-GS3fZ46IGFirdqKTIxlws7e0) 714 | 715 | #### [React.js Amsterdam 2018 Playlist](https://www.youtube.com/playlist?list=PLNBNS7NRGKMFi_glL49hsoyqu7dHTMnNm) 716 | 717 | #### [React Amsterdam 2019 Playlist](https://www.youtube.com/playlist?list=PLNBNS7NRGKMHLTeH4qfD3F320GXfj97kc) 718 | 719 | #### Video Tutorials 720 | 721 | - [Trying React Hooks for the first time with Dan Abramov](https://www.youtube.com/watch?v=G-aO5hzo1aw) 722 | 723 | --- 724 | 725 | ### Demo React Apps 726 | 727 | - [hackernews-react-graphql](https://github.com/clintonwoo/hackernews-react-graphql) - Hacker News clone rewritten with universal JavaScript, using React and GraphQL 728 | - [react-reduction](https://github.com/reduction-admin/react-reduction) - Free Admin Template Built with React and Bootstrap4 729 | - [reactjs-tmdb-app](https://github.com/SKempin/reactjs-tmdb-app) - Responsive React The Movie Database App 730 | - [react-shopping-cart](https://github.com/jeffersonRibeiro/react-shopping-cart) - Simple ecommerce cart application built with React Redux 731 | 732 | --- 733 | 734 | ### Real React Apps 735 | 736 | - [kibana](https://github.com/elastic/kibana) - Your window into the Elastic Stack 737 | - [firefox debugger](https://github.com/firefox-devtools/debugger) - The Firefox debugger that works anywhere 738 | - [spectrum](https://github.com/withspectrum/spectrum) – Simple, powerful online communities 739 | - [mattermost](https://github.com/mattermost/mattermost-webapp) - Open source Slack alternative 740 | - [overreacted](https://github.com/gaearon/overreacted.io) - Personal blog by Dan Abramov 741 | - [winamp2-js](https://github.com/captbaritone/winamp2-js) - Winamp 2 reimplemented for the browser 742 | - [dnote](https://github.com/dnote/dnote) - A command line notebook with multi-device sync and web interface 743 | 744 | --- 745 | 746 | ### Contribution 747 | 748 | 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. Do not hesitate to suggest cleaning PRs for outdated projects and articles along with new contributions. Your contributions and suggestions are heartily♡ welcome, though. (✿◠‿◠) 749 | 750 | [![CC0](http://i.creativecommons.org/p/zero/1.0/88x31.png)](https://creativecommons.org/publicdomain/zero/1.0/) 751 | --------------------------------------------------------------------------------