├── .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 8 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ### **Awesome React** [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) 2 | 3 | 4 | A collection of awesome things regarding React ecosystem. 5 | 6 | - [React](#react) 7 | - [React General Resources](#react-general-resources) 8 | - [React Community](#react-community) 9 | - [React Online Playground](#react-online-playground) 10 | - [React Tutorials](#react-tutorials) 11 | - [React General Tutorials](#react-general-tutorials) 12 | - [React styling](#react-styling) 13 | - [React Charts Tutorials](#react-charts-tutorials) 14 | - [React and Ruby on Rails](#react-and-ruby-on-rails) 15 | - [React and Meteor](#react-and-meteor) 16 | - [React and Angular](#react-and-angular) 17 | - [React and Bootstrap](#react-and-bootstrap) 18 | - [React and ClojureScript](#react-and-clojurescript) 19 | - [React and CoffeeScript](#react-and-coffeescript) 20 | - [React and Datatables](#react-and-datatables) 21 | - [React and Haskell](#react-and-haskell) 22 | - [React and SocketIO](#react-and-socketio) 23 | - [Server-Client with React](#server-client-with-react) 24 | - [Server Side Rendering](#server-side-rendering) 25 | - [Prerendering aka snapshotting](#prerendering-aka-snapshotting) 26 | - [Compiling React Tutorials](#compiling-react-tutorials) 27 | - [Debugging React](#debugging-react) 28 | - [Authentication](#authentication) 29 | - [Authorization](#authorization) 30 | - [File Uploads](#file-uploads) 31 | - [React Tools](#react-tools) 32 | - [Boilerplates](#boilerplates) 33 | - [Routing](#routing) 34 | - [React Projects](#react-projects) 35 | - [Components](#components) 36 | - [Libraries](#libraries) 37 | - [Integration](#integration) 38 | - [Forms](#forms) 39 | - [Autocomplete](#autocomplete) 40 | - [Documentation Tools](#documentation-tools) 41 | - [Graphics](#graphics) 42 | - [Model Libraries](#model-libraries) 43 | - [Data Managing](#data-managing) 44 | - [React Developer Experience](#react-developer-experience) 45 | - [Template Engines](#template-engines) 46 | - [Maps](#maps) 47 | - [Charts](#charts) 48 | - [Job Interview Tools](#job-interview-tools) 49 | - [React Native](#react-native) 50 | - [React Native General Resources](#react-native-general-resources) 51 | - [React Native Community](#react-native-community) 52 | - [React Native Tutorials](#react-native-tutorials) 53 | - [React Native Developer Experience](#react-native-developer-experience) 54 | - [React Native Sample Apps](#react-native-sample-apps) 55 | - [React Native Boilerplates](#react-native-boilerplates) 56 | - [React Native Awesome Components](#react-native-awesome-components) 57 | - [JSX](#jsx) 58 | - [JSX Resources](#jsx-resources) 59 | - [Flux](#flux) 60 | - [Flux General Resources](#flux-general-resources) 61 | - [Flux Implementations](#flux-implementations) 62 | - [Flux Tutorials](#flux-tutorials) 63 | - [Redux](#redux) 64 | - [Redux General Resources](#redux-general-resources) 65 | - [Redux Tools](#redux-tools) 66 | - [Redux Tutorials](#redux-tutorials) 67 | - [MobX](#mobx) 68 | - [MobX General Resources](#mobx-general-resources) 69 | - [MobX Tools](#mobx-tools) 70 | - [MobX Tutorials](#mobx-tutorials) 71 | - [Testing](#testing) 72 | - [Testing Utilities](#testing-utilities) 73 | - [Testing Tutorials](#testing-tutorials) 74 | - [GraphQL](#graphql) 75 | - [GraphQL Spec](#graphql-spec) 76 | - [GraphQL Tools](#graphql-tools) 77 | - [GraphQL Tutorials](#graphql-tutorials) 78 | - [GraphQL Implementations](#graphql-implementations) 79 | - [Server Integration](#server-integration) 80 | - [Database Integration](#database-integration) 81 | - [Relay](#relay) 82 | - [Relay General Resources](#relay-general-resources) 83 | - [Relay Tutorials](#relay-tutorials) 84 | - [Relay Tools](#relay-tools) 85 | - [Apollo](#apollo) 86 | - [Apollo General Resources](#apollo-general-resources) 87 | - [Flow](#flow) 88 | - [Flow Resources](#flow-resources) 89 | - [Videos](#videos) 90 | - [Video from Confs](#video-from-confs) 91 | - [React.js Conf 2015 Playlist](#reactjs-conf-2015-playlist) 92 | - [ReactEurope Conf 2015 Day 1 Playlist](#reacteurope-conf-2015-day-1-playlist) 93 | - [ReactEurope Conf 2015 Day 2 Playlist](#reacteurope-conf-2015-day-2-playlist) 94 | - [ReactRally Conf 2015 Playlist](#reactrally-conf-2015-playlist) 95 | - [React.js Conf 2016 Playlist](#reactjs-conf-2016-playlist) 96 | - [ReactRally Conf 2016 Playlist](#reactrally-conf-2016-playlist) 97 | - [Video Tutorials](#video-tutorials) 98 | - [Books](#books) 99 | - [Demos](#demos) 100 | - [Example Apps](#example-apps) 101 | - [Real Apps](#real-apps) 102 | - [Contribution](#contribution) 103 | 104 | 105 | --- 106 | ### React 107 | > JavaScript Library for building User Interfaces 108 | 109 | #### React General Resources 110 | * [React Official Site](http://facebook.github.io/react/) 111 | * [React GitHub](https://github.com/facebook/react) 112 | * [React Community GitHub](https://github.com/reactjs) 113 | * [React FAQ](https://reactfaq.site/) 114 | * [The Evolution of React](https://blog.pusher.com/the-evolution-of-react) 115 | * [Roadmap to becoming a React developer in 2018](https://github.com/adam-golab/react-developer-roadmap) 116 | 117 | 118 | #### React Community 119 | * [Reactiflux](http://www.reactiflux.com/) 120 | * [React Discussion Forum](https://discuss.reactjs.org/) 121 | * [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) 122 | * [React Twitter](https://twitter.com/reactjs) 123 | * [React Core meeting notes](https://github.com/reactjs/core-notes) 124 | * [Made with React - Collection of websites and applications using ReactJS](http://madewithreact.com/) 125 | * [The React newsletter](http://theproblemsolver.nl/TheReactNewsletter/Subscribe) 126 | * [React Iran Telegram Group](https://telegram.me/joinchat/D8jLp0D27irx4rjq2j88xw) 127 | 128 | #### React Online Playground 129 | * [CodeSandbox](https://codesandbox.io) 130 | * [Online VS Code IDE for React](https://stackblitz.com) 131 | * [React JSFiddle Integration with JSX](https://jsfiddle.net/reactjs/69z2wepo/) 132 | * [React JSFiddle Integration without JSX](https://jsfiddle.net/reactjs/5vjqabv3/) 133 | * [Babel REPL](https://babeljs.io/repl/) 134 | * [React HTML to JSX Online Compiler](https://facebook.github.io/react/html-jsx.html) 135 | 136 | #### React Tutorials 137 | 138 | ##### React General Tutorials 139 | * [React Tutorial](https://facebook.github.io/react/docs/tutorial.html) 140 | * [Learn React.js in 5 minutes](https://medium.freecodecamp.org/learn-react-js-in-5-minutes-526472d292f4) 141 | * [Live React Bootcamp by Tyler Mcginnis(free)](https://www.youtube.com/playlist?list=PLqrUy7kON1mfWjiu0GWQhefWSx38v0UGo) 142 | * [React.js Fundamentals (paid)](https://tylermcginnis.com/courses/react-fundamentals) 143 | * [React Primer](https://github.com/mikechau/react-primer-draft) 144 | * [ReactJS: Keep Simple. Everything can be a component!](https://speakerdeck.com/pedronauck/reactjs-keep-simple-everything-can-be-a-component) 145 | * [React js tutorial](https://hackr.io/tutorials/learn-react) 146 | * [React.js Koans: Practical exercises that will help you learn React.js from square one](https://github.com/arkency/reactjs_koans) 147 | * [LearnCode React Tutorials](https://www.youtube.com/watch?v=MhkGQAoc7bc&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b) 148 | * [Thinkster React topics](https://thinkster.io/topics/react) 149 | * [React tutorial - Cloning Yelp](https://www.fullstackreact.com/articles/react-tutorial-cloning-yelp/) 150 | * [React.js in patterns](http://krasimirtsonev.com/blog/article/react-js-in-design-patterns) 151 | * [DIY guide to build your own React](https://engineering.hexacta.com/didact-learning-how-react-works-by-building-it-from-scratch-51007984e5c5) 152 | * [React cheatsheet](https://devhints.io/react) 153 | * [Codecademy Learn ReactJS Course](https://www.codecademy.com/pt/learn/react-101) 154 | * [Getting Started with React](https://sabe.io/tutorials/getting-started-with-react) 155 | * [Deploying a React app to Github Pages](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#github-pages) 156 | * [React Express - Beginners Guide to React Application Development](http://www.react.express/) 157 | * [GraphCMS Beginners Guide with React](https://graphcms.com/docs/getting-started/beginners_guide_with_react/) 158 | * [Build a Chat App with React and Pusher Chatkit](https://github.com/bookercodes/build-a-chat-app-with-react-and-pusher-chatkit) 159 | * [How to set up continuous integration and deployment for your React app](https://medium.freecodecamp.org/how-to-set-up-continuous-integration-and-deployment-for-your-react-app-d09ae4525250) 160 | * [SSR Split (A/B) Testing and Analytics with React, Redux, and Next.js](https://hackernoon.com/tutorial-ssr-split-testing-and-analytics-with-react-redux-and-next-js-5392799c15c7) 161 | 162 | ##### React best practices 163 | 164 | * [Pete Hunt: React: Rethinking best practices - JSConf EU 2013](https://www.youtube.com/watch?v=x7cQ3mrcKaY) 165 | * [Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013](https://www.youtube.com/watch?v=DgVS-zXgMTk) 166 | * [React.js Best Practices](https://github.com/ximet/awesome-best-practices/blob/master/frontend/react/bestPracticeReact.md) 167 | * [Clean Code vs. Dirty Code: React Best Practices](http://americanexpress.io/clean-code-dirty-code/) 168 | * [Writing Scalable React Apps with the Component Folder Pattern](https://medium.com/styled-components/component-folder-pattern-ee42df37ec68) 169 | * [React Performance – A Definitive Guide to Optimize Major Performance issues in React](https://www.simform.com/react-performance/) 170 | 171 | ##### React styling 172 | * [React: CSS in JS](http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html) 173 | * [React: CSS in JS techniques comparison](https://github.com/MicheleBertoli/css-in-js) 174 | * [CSS in JS Playground](https://css-in-js-playground.com) 175 | * [Radium](https://github.com/FormidableLabs/radium) 176 | * [jsxstyle](https://github.com/petehunt/jsxstyle) 177 | * [ReactCSS](https://github.com/casesandberg/reactcss) 178 | * [Aphrodite](https://github.com/Khan/aphrodite) 179 | * [Glamor](https://github.com/threepointone/glamor) 180 | * [Styletron](https://github.com/rtsao/styletron) 181 | * [TypeStyle](https://github.com/typestyle/typestyle) 182 | * [styled-components](https://github.com/styled-components/styled-components) 183 | * [gloss](https://github.com/motion/gloss) 184 | * [JSS](https://github.com/cssinjs/jss) 185 | * [reas](https://github.com/diegohaz/reas) 186 | * [emotion](https://emotion.sh/) 187 | 188 | ##### React Charts Tutorials 189 | * [Integrating D3.js visualizations in a React app](http://nicolashery.com/integrating-d3js-visualizations-in-a-react-app/) 190 | * [D3 and React - the future of charting components?](http://10consulting.com/2014/02/19/d3-plus-reactjs-for-charting/) 191 | 192 | ##### React and Ruby on Rails 193 | * [React on Rails - integration of React, Webpack, React-Router with Ruby on Rails](https://github.com/shakacode/react_on_rails/) 194 | * [reactrails.com - live example site using React on Rails with source code](http://www.reactrails.com/) 195 | 196 | ##### React and Meteor 197 | * [Meteor official Guide](http://guide.meteor.com/react.html) 198 | * [Meteor with React Tutorial](https://www.meteor.com/tutorials/react/creating-an-app) 199 | * [React for Meteor developers](http://blog.differential.com/react-for-meteor-developers/) 200 | * [Full-stack GraphQL with Apollo, Meteor & React](https://www.youtube.com/playlist?list=PLLnpHn493BHFTDL9M1PKnxQwBwOZ8J-h4) 201 | 202 | ##### React and Angular 203 | * [NgReact - React Components in Angular](http://davidandsuzi.com/ngreact-react-components-in-angular/) 204 | * [ng-React Update - React 0.9 and Angular Track By](http://davidandsuzi.com/ngreact-update/) 205 | * [Using React for Faster Renders and Isomosphism in Angular](http://davidandsuzi.com/using-react-for-faster-renders-and-isomorphism-in-angular/) 206 | * [Improving AngularJS long list rendering performance using ReactJS](http://www.mono-software.com/blog/post/Mono/242/Improving-AngularJS-long-list-rendering-performance-using-ReactJS/) 207 | * [How can React and Flux help us create better Angular applications?](https://medium.com/@gilbox/how-can-react-and-flux-help-us-create-better-stronger-faster-angular-applications-639247898fb) 208 | * [Achieving Reasonable and Scalable Routing in AngularJS with Flux](https://medium.com/@gilbox/achieving-reasonable-and-scalable-routing-in-angularjs-with-flux-2655e06cd5ee) 209 | * [Angular to React/Redux, a Guide for Angular v1 Experts Looking to Learn React/Redux](https://github.com/GoTeamEpsilon/angular-to-react-redux) 210 | 211 | ##### React and Bootstrap 212 | * [Awesome react bootstrap components](https://github.com/Hermanya/awesome-react-bootstrap-components) 213 | * [Better Bootstrap modals and popover with React.js](http://clozeit.wordpress.com/2014/01/08/bootstrap-modals-and-popover-in-react-js/) 214 | * [A mixin-based design for a React.js Bootstrap component library](http://clozeit.wordpress.com/2014/01/08/13/) 215 | * [Popover mixin](http://clozeit.wordpress.com/2014/01/09/popover-mixin/) 216 | * [Bootstrap TabbedArea component with React.js](http://clozeit.wordpress.com/2014/01/13/34/) 217 | * [Bootstrap forms using React.js](http://clozeit.wordpress.com/2014/01/13/bootstrap-forms-using-react-js/) 218 | 219 | ##### React and ClojureScript 220 | * [The Future of JavaScript MVC Frameworks](http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs) 221 | * [The Case for React.js and ClojureScript](http://murilopereira.com/the-case-for-reactjs-and-clojurescript/) 222 | * [A Reagent Framework For Writing SPAs](https://github.com/Day8/re-frame) 223 | 224 | ##### React and CoffeeScript 225 | * [React & CoffeeScript](http://blog.vjeux.com/2013/javascript/react-coffeescript.html) 226 | * [React patterns - Mostly reasonable patterns for writing React in CoffeeScript](https://github.com/planningcenter/react-patterns) 227 | 228 | ##### React and Datatables 229 | * [React and Datatables](https://github.com/wyvernnot/react-datatables-example) 230 | * [react-dt - A data table component for React and Material-UI](https://github.com/sonaye/react-dt) 231 | 232 | ##### React and Haskell 233 | * [stackage-view, built with Yesod and GHCJS+React](https://github.com/fpco/stackage-view) 234 | * [TodoMVC example with Shade (Haste+React)](https://github.com/takeoutweight/shade-todomvc) 235 | * [react-haskell, to be used with Haste](https://hackage.haskell.org/package/react-haskell) 236 | * [blaze-react, blaze-html style React bindings using GHCJS](https://github.com/meiersi/blaze-react) ([video tutorial](https://www.youtube.com/watch?v=4nTnC0t7pzY)) 237 | * [purescript-react bindings](https://github.com/purescript-contrib/purescript-react) ([example app](https://github.com/fujimura/purescript-react-example)) 238 | 239 | ##### React and Socket.IO 240 | * [Socket.IO integration example](https://gist.github.com/zpao/5686416) 241 | * [Socket.IO integration example inside of a single React component](https://gist.github.com/petehunt/5687230) 242 | * [Socket.IO integration employing separation of concerns](https://gist.github.com/petehunt/5687276) 243 | 244 | ##### Server Side rendering 245 | * [Super-basic example of how server rendering works](https://github.com/petehunt/react-server-rendering-example) 246 | * [Server Side Rendering for ReactJS](http://yanns.github.io/blog/2014/03/15/server-side-rendering-for-javascript-reactjs-framework/) 247 | * [React Server Rendering](https://github.com/mhart/react-server-example) 248 | * [JDK8 + Facebook React: Rendering single page apps on the server](http://augustl.com/blog/2014/jdk8_react_rendering_on_server/) 249 | * [Server-rendered React components in Rails](http://bensmithett.com/server-rendered-react-components-in-rails/) 250 | * [Server-rendered React + Flux in Rails](https://github.com/nambrot/rails-webpack-react-flux) 251 | * [Golang Isomorphic Hot Reloadable/React/Flummox/Css-Module Starter Kit](https://github.com/olebedev/go-starter-kit) 252 | * [Serverside rendering with React + Hapi](https://github.com/jedireza/hapi-react-views) 253 | * [Isomorphic React apps in PHP via dnode](http://ericescalante.com/2015/06/07/isomorphic/) 254 | 255 | * [Server Side Redering, Universal JS, Hot Module Reloading and Code Splitting with React and Redux](https://github.com/Alex-ray/v2-universal-js-hmr-ssr-react-redux) 256 | * [React Server Side Rendering with Hypernova](https://blog.larah.me/2017/04/10/react-server-side-rendering/) 257 | * [Server Side Rendering with Simple Redux Store Hydration](https://medium.com/@navgarcha7891/react-server-side-rendering-with-simple-redux-store-hydration-9f77ab66900a) 258 | 259 | ##### Prerendering aka snapshotting 260 | * [react-snap](https://github.com/stereobooster/react-snap) 261 | * [Prerendering solutions comparison](https://github.com/stereobooster/react-snap/blob/master/doc/alternatives.md) 262 | 263 | ##### Compiling React Tutorials 264 | * [Webpack Howto by Pete Hunt](https://github.com/petehunt/webpack-howto) 265 | * [React Webpack Cookbook](https://github.com/christianalfoni/react-webpack-cookbook) 266 | * [AMD and CommonJS examples with Webpack](https://github.com/simonsmith/webpack-example) 267 | * [Integrating JSX live reload into your React workflow](http://gaearon.github.io/react-hot-loader/) 268 | * [React JS and a browserify workflow, part1](http://christianalfoni.github.io/javascript/2014/08/15/react-js-workflow.html) 269 | * [React JS and a browserify workflow, part2](http://christianalfoni.github.io/javascript/2014/10/30/react-js-workflow-part2.html) 270 | * [Choosing the correct packaging tool for React JS](http://christianalfoni.github.io/javascript/2014/08/29/choosing-the-correct-packaging-tool-for-react-js.html) 271 | 272 | ##### Building React components 273 | * [Distributing React components](http://krasimirtsonev.com/blog/article/distributing-react-components-babel-browserify-webpack-uglifyjs) 274 | * [A guide to building a React component for NPM](https://medium.com/@markus.s.englund/a-guide-to-building-a-react-component-for-npm-68f03b314753) 275 | 276 | ##### Debugging React 277 | * [Trace Logging with React](http://www.garysieling.com/blog/trace-logging-react) 278 | * [Reactotron: Control, monitor, and instrument](https://github.com/skellock/reactotron) 279 | * [React-fix-it: Automagically generate tests from errors](https://github.com/MicheleBertoli/react-fix-it) 280 | 281 | ##### Authentication 282 | * [Adding authentication to your React Flux app](https://auth0.com/blog/2015/04/09/adding-authentication-to-your-react-flux-app/) 283 | * [Build a React Application with User Authentication](https://stormpath.com/blog/build-a-react-app-with-user-authentication/) 284 | 285 | ##### Authorization 286 | * [Managing user permissions in your React app](https://medium.com/dailyjs/managing-user-permissions-in-your-react-app-a93a94ff9b40) 287 | 288 | 289 | ##### File Uploads 290 | * [Direct uploads to S3 with React, Rails, and Paperclip](http://blog.littleblimp.com/post/119230396893/direct-uploads-to-s3-with-react-rails-and) 291 | 292 | ##### API Integration 293 | * [react-flux-cosmicjs Data-driven react application connected to the Cosmic JS API](https://github.com/tonyspiro/react-flux-cosmicjs) 294 | 295 | #### React Tools 296 | 297 | ##### Boilerplates 298 | * [Create React App](https://github.com/facebookincubator/create-react-app) 299 | * [React Boilerplate - Minimalistic boilerplate with React, Redux, Flowtype, Babel and Webpack2](https://github.com/nordsoftware/react-boilerplate) 300 | * [React App SDK - CLI tools and templates for authoring React apps with a single dev dependency and zero configurations](https://github.com/kriasoft/react-app) 301 | * [React Starter Kit — isomorphic web app boilerplate (Node.js, GraphQL, React, Babel, Webpack, CSS Modules, HMR)](https://github.com/kriasoft/react-starter-kit) 302 | * [ASP.NET Core Starter Kit (C#) — Frontend: React, Babel, PostCSS, CSS Modules + backend: .NET Core, C#](https://github.com/kriasoft/aspnet-starter-kit) 303 | * [ASP.NET Core Starter Kit (F#) — Frontend: React, Babel, PostCSS, CSS Modules + backend: .NET Core, F#](https://github.com/kriasoft/fsharp-starter-kit) 304 | * [React Redux Universal Hot Example](https://github.com/erikras/react-redux-universal-hot-example) 305 | * [React Slingshot - React + Redux with Babel, hot reloading, testing, linting and working example app](https://github.com/coryhouse/react-slingshot) 306 | * [este - Robust and comfortable dev stack for mobile/offline/frontend first isomorphic web apps](https://github.com/steida/este) 307 | * [frontend-boilerplate - webpack-react-redux-babel-autoprefixer-hmr-postcss-css-modules-rucksack-boilerplate](https://github.com/tj/frontend-boilerplate) 308 | * [react-engine - A composite render engine for isomorphic express apps](https://github.com/paypal/react-engine) 309 | * [reactGo - Boilerplate for an universal/isomorphic React + Redux/alt Flux app](https://github.com/reactGo/reactGo) 310 | * [react-native-nw-react-calculator - Mobile, desktop and website Apps with the same code](https://github.com/benoitvallon/react-native-nw-react-calculator) 311 | * [StarHackIt - An ES6/ES7 full-stack starter kit with authentication and authorization code](https://github.com/FredericHeem/starhackit) 312 | * [react-cordova-boilerplate - TodoMVC example for React to build a Cordova application](https://github.com/unimonkiez/react-cordova-boilerplate) 313 | * [UniversalRelayBoilerplate - Boilerplate + examples for React Native (iOS, Android), React (isomorphic, Material-UI), Relay, GraphQL, JWT, Node.js, Apache Cassandra](https://github.com/codefoundries/UniversalRelayBoilerplate) 314 | * [react-boilerplate - A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.](http://reactboilerplate.com) 315 | * [Next.js - A minimalistic framework for server-rendered React applications](https://github.com/zeit/next.js) 316 | * [react-express-stripe - A minimal boilerplate to accept payments in a React App](https://github.com/rwieruch/react-express-stripe) 317 | * [React-PWA - BoilerPlate with PWA and support for Code-Splitting, SSR, SEO, Page and API caching, Image optimization and much more.](https://github.com/Atyantik/react-pwa) 318 | * [ARc - A progressive React starter kit based on Atomic Design](https://arc.js.org) 319 | * [react-webpack-starter - A simple boiler plate for creating react applications bundled by webpack (using ES6, Babel, SASS and webpack development server)](https://github.com/temilaj/react-webpack-starter) 320 | * [Happyreaction - React/Spring/Java maven archetype for bootstraping a new project quickly](https://github.com/ignl/happyreaction) 321 | * [Create React NPM Component - CLI tool for creating a component for distribution on NPM](https://github.com/deltaskelta/create-react-npm-component) 322 | * [Suicrux - Universal starter with ultimate hot-reloading. PWA/LL/SSR/React/Redux/i18n.](https://github.com/Metnew/suicrux) 323 | * [ReactQL - Universal React + GraphQL starter kit, with full server rendering, isomorphic data fetching and store management](https://reactql.org) 324 | * [React + Redux w/ ES6 Starter Project - Starter kit using Webpack, React Hot Loader, Code Splitting for React Router, CSS Modules, custom Ducks pattern app architecture, best practices, and Enzyme test environment](https://github.com/nicksp/redux-webpack-es6-boilerplate) 325 | * [react-firebase-authentication - Boilerplate for authentication and real-time database using React and Firebase](https://github.com/zerostatic/react-firebase-authentication) 326 | * [react-redux-saga-boilerplate - Starter kit with routing, state container, storage and SEO tools. PWA-ready](https://github.com/gilbarbara/react-redux-saga-boilerplate) 327 | * [generator-react-firebase - Yeoman generator for starting projects using React and Firebase (Redux optional) with features Full Authentication, Route protection and Material UI Application Navbar](https://github.com/prescottprue/generator-react-firebase) 328 | * [Starter template for React + Redux + TypeScript - setup and simple app using async actions and Material UI](https://github.com/dsheiko/boilerplate/tree/master/react-redux-typescript) 329 | * [particleplate - an Express + TypeScript + React + React-Router + Redux + React-Redux + PostCSS + MaterialUI boilerplate](https://github.com/handicraftsman/particleplate) 330 | * [create-react-app-typescript - Create React App using typescript with no build configuration.](https://github.com/wmonk/create-react-app-typescript) 331 | * [Create React App (ejected) extension containing: basic structure + redux + redux-thunk + routing + ImmutableJS + hot reloading + linters](https://github.com/kkoomen/react-boilerplate) (Can be used along with the corresponding tool: CRA-gen) 332 | * [CRA-gen (Create React App CLI generator using custom templates)](https://github.com/kkoomen/cra-gen) 333 | * [create Adobe-CEP (Photoshop, Illustrator etc..) extension/plugin with React, Material-UI, Native Node modules, Webpack, Babel and ExtendScript](https://github.com/HendrixString/adobe-cep-react-create) 334 | 335 | ##### Routing 336 | * [react-router - A complete routing library for React](https://github.com/reactjs/react-router) 337 | * [react-router5 - A routing library for React and more](http://router5.github.io/docs/with-react.html#/inbox) 338 | * [buttermilk - beautifully simple routing for React projects](https://github.com/probablyup/buttermilk) 339 | * [pagify-it - Add routing to your React app in minutes](https://github.com/sonaye/pagify-it) 340 | 341 | ##### React Projects 342 | * [gatsby - Transform plain text into dynamic blogs and websites using React.js](https://github.com/gatsbyjs/gatsby) 343 | * [react-blessed - A react renderer for blessed terminal interface library](https://github.com/Yomguithereal/react-blessed) 344 | * [MJML - The only framework that makes responsive-email easy. Based on React](https://mjml.io) 345 | * [react-tv - React renderer for low memory applications and Packager for TVs](https://github.com/raphamorim/react-tv) 346 | * [ink - React for interactive command-line apps](https://github.com/vadimdemedes/ink) 347 | * [react-cli - a react renderer for the command line](https://github.com/mgrip/react-cli) 348 | 349 | ##### Components 350 | * [@jpmonette/react-bulma - React components for Bulma - the Modern CSS framework](https://github.com/jpmonette/react-bulma) 351 | * [DevExtreme React Grid - High-performance plugin-based React data grid for Bootstrap and Material Design](https://devexpress.github.io/devextreme-reactive/react/grid/) 352 | * [React Svg Textures - Textures.js ported to React. Fully isomorphic.](https://github.com/finnfiddle/react-svg-textures) 353 | * [React Responsive Tables](https://github.com/adam-hanna/react-responsive-tables) 354 | * [React Component List](http://dvemac.github.io/react-component-list/) 355 | * [JS.coach - A catalog of React components](https://js.coach/) 356 | * [iReact: Fantastic React Components and Libraries!](http://ireact.cn/) 357 | * [Khan Academy React Components](http://khan.github.io/react-components/) 358 | * [VistarMedia Components](http://cmpnt.vistarmedia.com/) 359 | * [React Topcoat UI components](https://github.com/kjda/react-topui) 360 | * [react-material - Material design components written with React.js and React Style](https://github.com/SanderSpies/react-material) 361 | * [react-md - Set of React components and sass files for implementing Google's Material Design](https://github.com/mlaursen/react-md) 362 | * [material-ui - A CSS Framework and a Set of React Components for Material Design](https://github.com/callemall/material-ui) 363 | * [ReactSymbols - Pixel perfect UI Kit / Library with ready-to-use components + original Sketch resource file](http://reactsymbols.com) 364 | * [react-google-login-component](https://github.com/kennetpostigo/react-google-login-component) 365 | * [react-facebook-login-component](https://github.com/kennetpostigo/react-facebook-login-component) 366 | * [react-component - A Collection of React UI Components](http://react-component.github.io/badgeboard/) 367 | * [Ant Design - An enterprise-class UI design language, A set of high-quality React components](https://github.com/ant-design/ant-design) 368 | * [Zent - A collection of React UI components](https://github.com/youzan/zent) 369 | * [UXCore - A React UI Component Set living for enterprise backend application](https://github.com/uxcore/uxcore) 370 | * [react-desktop - OS X and Windows UI components built with React](https://github.com/gabrielbull/react-desktop) 371 | * [react-aim - Determine the cursor aim for triggering mouse events](https://github.com/gabrielbull/react-aim) 372 | * [react-uwp - React Components that Implement Microsoft's UWP Design & Fluent Design.](https://github.com/myxvisual/react-uwp) 373 | * [react-touch - React photo viewer for mobile](https://github.com/petehunt/react-touch) 374 | * [griddle - A simple grid component for use with React](http://dynamictyped.github.io/Griddle/) 375 | * [react-grid - Data grid for React](https://github.com/prometheusresearch/react-grid) 376 | * [React-iCheck - iCheck components built with React. Highly customizable checkboxes and radio buttons](https://github.com/luqin/react-icheck) 377 | * [react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React](https://github.com/jrowny/react-absolute-grid) 378 | * [react-async - Async rendering for React components](https://github.com/andreypopp/react-async) 379 | * [react-async-input - Inputs that behave properly with async set{State,Props} calls](https://github.com/grncdr/react-async-input) 380 | * [react-countup - A React component wrapper around CountUp.js](https://github.com/glennreyes/react-countup) 381 | * [react-mediaswitch - Choose your DOM based on media queries](https://github.com/matthewwithanm/react-mediaswitch) 382 | * [react-frame-component - Render your React app to an iFrame](https://github.com/ryanseddon/react-frame-component) 383 | * [react-gravatar - React component for rendering a gravatar profile image](https://github.com/KyleAMathews/react-gravatar) 384 | * [markdown-react - React Render for Standard Markdown](https://github.com/vjeux/markdown-react) 385 | * [react-component-gallery — React component for creating an evenly spaced components]( https://github.com/KyleAMathews/react-component-gallery) 386 | * [react-markdown-textarea - Component to create textareas for entering Markdown](https://github.com/KyleAMathews/react-markdown-textarea) 387 | * [react-markdown-area - Github flavored markdown editor with live preview](https://github.com/MattMcFarland/react-markdown-area) 388 | * [react-textarea-autosize - Textarea component for React which grows with content](https://github.com/andreypopp/react-textarea-autosize) 389 | * [react-spinner - Zero configuration loading spinner](https://github.com/chenglou/react-spinner) 390 | * [react-treeview - Easy, light, flexible tree view made with React](https://github.com/chenglou/react-treeview) 391 | * [react-tree-menu - A stateless tree menu component built with the Flux architecture in mind](https://github.com/MandarinConLaBarba/react-tree-menu) 392 | * [react-tween-state - React animation tween state](https://github.com/chenglou/react-tween-state) 393 | * [react-stripe-checkout - Easily load Stripe Checkout as a React component](https://github.com/azmenak/react-stripe-checkout) 394 | * [react-id-swiper - A library to use idangerous Swiper as a ReactJs component](https://github.com/kidjp85/react-id-swiper) 395 | * [react-swipe - Brad Birdsall's swipe.js, as a React component](https://github.com/jed/react-swipe) 396 | * [react-smart-time-ago - Show relative "time ago" dates](https://github.com/KyleAMathews/react-smart-time-ago) 397 | * [react-autoupdate-time - Renders a