diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..a9a5aecf --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +tmp diff --git a/.travis.yml b/.travis.yml deleted file mode 100644 index e22027d3..00000000 --- a/.travis.yml +++ /dev/null @@ -1,7 +0,0 @@ -language: ruby -rvm: - - 2.2 -before_script: - - gem install awesome_bot -script: - - awesome_bot README.md --allow-redirect --white-list gaearon/flux-react-router-example,JedWatson/react-select,martinandert/react-inline,series/react-testing-cookbook,rnplay.org diff --git a/README.md b/README.md index 2768e600..f9b211c3 100644 --- a/README.md +++ b/README.md @@ -1,1134 +1,251 @@ -### **Awesome React** [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) [![Build Status](https://travis-ci.org/enaqx/awesome-react.svg?branch=master)](https://travis-ci.org/enaqx/awesome-react) +# Awesome React [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) - -A collection of awesome things regarding React ecosystem. +A collection of awesome things regarding the React ecosystem. - [React](#react) - [React General Resources](#react-general-resources) - - [React Community](#react-community) - - [React Online Playground](#react-online-playground) - [React Tutorials](#react-tutorials) - - [React General Tutorials](#react-general-tutorials) - - [Isomorphic Apps](#isomorphic-apps) - - [Building Robust Web Apps with React](#building-robust-web-apps-with-react) - - [Comprehensive Guide to Building Apps with React](#comprehensive-guide-to-building-apps-with-react) - - [Scotch.io React tutorials series](#scotchio-react-tutorials-series) - - [React styling](#react-styling) - - [React Charts Tutorials](#react-charts-tutorials) - - [React and Backbone](#react-and-backbone) - - [React and Angular](#react-and-angular) - - [React and Bootstrap](#react-and-bootstrap) - - [React and ClojureScript](#react-and-clojurescript) - - [React and CoffeeScript](#react-and-coffeescript) - - [React and Datatables](#react-and-datatables) - - [React and Haskell](#react-and-haskell) - - [React and SocketIO](#react-and-socketio) - - [React and Zeroclipboard](#react-and-zeroclipboard) - - [Server-Client with React](#server-client-with-react) - - [Server Side Rendering](#server-side-rendering) - - [Compiling React Tutorials](#compiling-react-tutorials) - - [Debugging React](#debugging-react) - - [Authentication](#authentication) - - [File Uploads](#file-uploads) - - [React Internals](#react-internals) - - [React Tools](#react-tools) - - [Boilerplates](#boilerplates) - - [Components](#components) - - [Libraries](#libraries) - - [Integration](#integration) - - [Routing](#routing) - - [Forms](#forms) - - [Autocomplete](#autocomplete) - - [Documentation Tools](#documentation-tools) - - [Graphics](#graphics) - - [Terminal](#terminal) - - [Model Libraries](#model-libraries) - - [Data Managing](#data-managing) - - [Development Environment](#development-environment) - - [Generating](#generating) - - [Compiling](#compiling) - - [Platforms](#platforms) - - [Template Engines](#template-engines) - - [Maps](#maps) - - [Charts](#charts) - - [Service Workers](#service-workers) - - [Dashboards](#dashboards) -- [JSX](#jsx) - - [JSX Resources](#jsx-resources) - - [JSX Tutorials](#jsx-tutorials) - - [JSX Alternatives](#jsx-alternatives) -- [Flux](#flux) - - [Flux General Resources](#flux-general-resources) - - [Flux Implementations](#flux-implementations) - - [Flux Tutorials](#flux-tutorials) - - [Redux Tutorials](#redux-tutorials) - - [NuclearJS Tutorials](#nuclearjs-tutorials) -- [Testing](#testing) - - [Jest General Resources](#jest-general-resources) - - [Testing Utilities](#testing-utilities) - - [Testing Tutorials](#testing-tutorials) + - [React Frameworks](#react-frameworks) + - [React Component Libraries](#react-component-libraries) + - [React State Management and Data Fetching](#react-state-management-and-data-fetching) + - [React Styling](#react-styling) + - [React Routing](#react-routing) + - [React Development Tools](#react-development-tools) + - [React Libraries](#react-libraries) + - [React Testing](#react-testing) + - [React Awesome Components](#react-awesome-components) + - [React Components Sandboxes](#react-components-sandboxes) + - [React Forms](#react-forms) + - [React Tables and Grids](#react-tables-and-grids) + - [React Maps](#react-maps) + - [React Charts](#react-charts) + - [React Renderers](#react-renderers) + - [React Internationalization](#react-internationalization) + - [React Graphics and Animations](#react-graphics-and-animations) + - [React Integration](#react-integration) + - [React Real Apps](#react-real-apps) - [React Native](#react-native) - [React Native General Resources](#react-native-general-resources) - - [React Native Community](#react-native-community) - - [React Native Tutorials](#react-native-tutorials) - - [React Native Development Tools](#react-native-development-tools) - - [React Native Sample Apps](#react-native-sample-apps) - - [React Native Starter](#react-native-starter) -- [GraphQL](#graphql) - - [GraphQL Spec](#graphql-spec) - - [GraphQL Tutorials](#graphql-tutorials) - - [GraphQL Implementations](#graphql-implementations) - - [Server Integration](#server-integration) - - [Database Integration](#database-integration) -- [Relay](#relay) - - [Relay General Resources](#relay-general-resources) - - [Relay Tutorials](#relay-tutorials) - - [Relay Tools](#relay-tools) - - [Relay Boilerplates](#relay-boilerplates) - - [Relay App Samples](#relay-app-samples) -- [Flow](#flow) - - [Flow Resources](#flow-resources) -- [Videos](#videos) - - [Video from Confs](#video-from-confs) - - [Video from React.js Conf 2015](#video-from-reactjs-conf-2015) - - [Video from react-europe 2015](#video-from-react-europe-2015) - - [Video from ReactRally 2015](#video-from-reactrally-2015) - - [Video Tutorials](#video-tutorials) -- [Books](#books) -- [Demos](#demos) -- [Examples](#examples) -- [Real Apps](#real-apps) + - [React Native Navigation](#react-native-navigation) + - [React Native Awesome Components](#react-native-awesome-components) + - [React Native Libraries](#react-native-libraries) - [Contribution](#contribution) - ---- ### React -> JavaScript Library for building User Interfaces #### React General Resources -* [React Official Site](http://facebook.github.io/react/) -* [React GitHub](https://github.com/facebook/react) - -#### React Community -* `#reactjs` channel on Freenode IRC Server -* [Reactiflux](http://www.reactiflux.com/) -* [React Discussion Forum](https://discuss.reactjs.org/) -* [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) -* [React Twitter](https://twitter.com/reactjs) -* [React Subreddit](https://www.reddit.com/r/reactjs/) -* [React Podcast](http://reactpodcast.com/) -#### React Online Playground -* [React browser prototyping for components](http://react.run) -* [React Development Environment in the Cloud and Free Hosting with closeheat](http://closeheat.com/?react) -* [React JSFiddle Integration with JSX](https://jsfiddle.net/reactjs/69z2wepo/) -* [React JSFiddle Integration without JSX](https://jsfiddle.net/reactjs/5vjqabv3/) -* [React CodePen Integration with ES6 and JSX](http://codepen.io/bradleyboy/pen/OPBpGw) -* [React JSBin Integration with JSX](http://jsbin.com/basitofoqo/1/edit?html,js,output) -* [React HTML to JSX Online Compiler](https://facebook.github.io/react/html-jsx.html) +- [React Official Website](https://react.dev/) +- [React GitHub](https://github.com/facebook/react) +- [Reactiflux Discord Channel](http://www.reactiflux.com/) +- [React Community](https://react.dev/community) +- [React Conferences](https://react.dev/community/conferences) +- [React CodeSandbox Playground](https://codesandbox.io/s/new) #### React Tutorials -##### React General Tutorials -* [The ReactJS Bible](https://www.stanleycyang.com/tutorials/the-reactjs-bible) -* [Building Applications with React and Flux on Pluralsight](http://www.pluralsight.com/courses/react-flux-building-applications) -* [Building A Simple React Application Using The Flux Pattern: A Step-By-Step Guide](http://tonyspiro.com/building-a-simple-react-application-using-the-flux-pattern/) -* [React Tutorial](https://facebook.github.io/react/docs/tutorial.html) -* [React.js Koans: Practical exercises that will help you learn React.js from square one](https://github.com/arkency/reactjs_koans) -* [React PhoneCat: Rewriting the AngularJS Tutorial App in React](http://jgebhardt.github.io/blog/react-phonecat/) -* [Building a board game with React.js](http://jjt.io/2014/07/30/building-a-board-game-with-react-js/) -* [Trying Out ReactJS With the Marvel API](http://ryanlanciaux.github.io/blog/2014/05/26/trying-out-reactjs-with-the-marvel-api/) -* [Creating Chrome Extensions with React](http://brandontilley.com/2014/02/24/creating-chrome-extensions-with-react.html) -* [Working with jQuery UI Dialog and ReactJS components](http://sterling.ghost.io/working-with-jqueryui-and-reactjs-components/) -* [Using ReactJS and KendoUI Together](http://ifandelse.com/using-reactjs-and-kendoui-together/) -* [Building dynamic forms with Facebook React](http://www.dustingetz.com/2014/02/18/react-dynamic-forms.html) -* [React Tutorial: Two way data binding](http://voidcanvas.com/react-tutorial-two-way-data-binding/) -* [Simplifying Code with React](http://www.kevindangoor.com/2014/05/simplifying-code-with-react/) -* [A React.js case study follow-up](http://blog.krawaller.se/posts/a-react-js-case-study-follow-up/) -* [Scroll Position with React](http://blog.vjeux.com/2013/javascript/scroll-position-with-react.html) -* [Component Interop With React And Custom Elements](http://addyosmani.com/blog/component-interop-with-react-and-custom-elements/) -* [Getting Started with React.js: Creating Material Design Components](http://www.syncano.com/getting-started-reactjs-tutorial/) -* [Using Firebase with ReactJS](https://www.firebase.com/blog/2014-05-01-using-firebase-with-react.html) -* [5 Practical Examples For Learning The React Framework](http://tutorialzine.com/2014/07/5-practical-examples-for-learning-facebooks-react-framework/) -* [ReactJS for Stupid People](http://blog.andrewray.me/reactjs-for-stupid-people/) -* [WebRTC chat with React.js](http://blog.mgechev.com/2014/09/03/webrtc-peer-to-peer-chat-with-react/) -* [Learn React by building the Hacker News front page](https://github.com/mking/react-hn) -* [Play Framework and Facebook's React library](http://matthiasnehlsen.com/blog/2014/01/05/play-framework-and-facebooks-react-library/) -* [Taking React to the next level: Mixins, Gulp, and Browserify](http://pomax.github.io/?#gh-weblog-1420592591221) -* [Getting Started with React](http://ryanclark.me/getting-started-with-react/) -* [React Tips and Best Practices](http://aeflash.com/2015-02/react-tips-and-best-practices.html) -* [Building a Stateless Rails API with React and Twitter OAuth](http://fredguest.com/2015/03/06/building-a-stateless-rails-api-with-react-and-twitter-oauth/) -* [React Primer](https://github.com/mikechau/react-primer-draft) -* [React Mixins Explained By Example](http://simblestudios.com/blog/development/react-mixins-by-example.html) -* [Best practices for building large React applications](http://blog.siftscience.com/blog/2015/best-practices-for-building-large-react-applications) -* [A Sortable List Component in React utilizing the HTML5 Drag & Drop API](http://webcloud.se/sortable-list-component-react-js/) -* [Set State in Callbacks in React](http://jaketrent.com/post/set-state-in-callbacks-in-react/) -* [Send Props to Children in React](http://jaketrent.com/post/send-props-to-children-react/) -* [React Components for Cat Videos](http://davidandsuzi.com/react-components-for-cat-videos/) -* [ReactJS: Keep Simple. Everything can be a component!](https://speakerdeck.com/pedronauck/reactjs-keep-simple-everything-can-be-a-component) -* [Complex Drag and Drop Lists using React.js](https://reactjsnews.com/complex-drag-and-drop-lists-using-react/) -* [The Future of Drag and Drop APIs](https://medium.com/@dan_abramov/the-future-of-drag-and-drop-apis-249dfea7a15f) -* [Coding with React like a Game Developer](https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643) -* [Navigating the React Ecosystem](http://www.toptal.com/react/navigating-the-react-ecosystem) -* [React.js Introduction For People Who Know Just Enough jQuery To Get By](http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/) -* [How do I react? Basics & Building an app from scratch](https://github.com/foundersandcoders/begin_react_workshop) -* [React JS Tutorial and Guide to the Gotchas](https://zapier.com/engineering/react-js-tutorial-guide-gotchas/) -* [BirdWatch: AngularJS vs. ReactJS](http://matthiasnehlsen.com/blog/2014/03/31/birdwatch-with-reactjs/) -* [Removing User Interface Complexity, or Why React is Awesome](http://jlongster.com/Removing-User-Interface-Complexity%2C-or-Why-React-is-Awesome) -* [Pros and Cons of using immutability with React.js](http://reactkungfu.com/2015/08/pros-and-cons-of-using-immutability-with-react-js/) -* [Boiling React Down to a Few Lines of jQuery](http://hackflow.com/blog/2015/03/08/boiling-react-down-to-few-lines-in-jquery/) -* [Easier UI Reasoning with Unidirectional Dataflow and Immutable Data - Using React.js and Omniscient.js](http://open.bekk.no/easier-reasoning-with-unidirectional-dataflow-and-immutable-data) -* [Using React.js with Salesforce](http://www.oyecode.com/2015/09/getting-started-with-reactjs-and.html) - -##### Isomorphic Apps -* [isomorphic-tutorial - Tutorial app to demonstrate isomorphic JavaScript concepts](https://github.com/spikebrehm/isomorphic-tutorial) -* [isomorphic500 - Isomorphic JS app built with React and Fluxible](https://github.com/gpbl/isomorphic500) -* [Building Isomorphic Webapps on the JVM with React.js and Spring Boot](http://winterbe.com/posts/2015/02/16/isomorphic-react-webapps-on-the-jvm/) -* [Server-Side Rendering with Redux and React-Router](https://www.codementor.io/reactjs/tutorial/redux-server-rendering-react-router-universal-web-app) - -##### Building robust web apps with React -* [Building robust web apps with React: Part 1](http://maketea.co.uk/2014/03/05/building-robust-web-apps-with-react-part-1.html) -* [Building robust web apps with React: Part 2](http://maketea.co.uk/2014/04/07/building-robust-web-apps-with-react-part-2.html) -* [Building robust web apps with React: Part 3](http://maketea.co.uk/2014/05/22/building-robust-web-apps-with-react-part-3.html) -* [Building robust web apps with React: Part 4](http://maketea.co.uk/2014/06/30/building-robust-web-apps-with-react-part-4.html) - -##### Comprehensive Guide to Building Apps with React -* [Part 1 - Comprehensive Guide to Building Apps with React](http://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/) -* [Part 2 - Building React Applications with Gulp and Browserify](http://tylermcginnis.com/reactjs-tutorial-pt-2-building-react-applications-with-gulp-and-browserify/) -* [Part 3 - Architecting React.js Apps with Flux](http://tylermcginnis.com/reactjs-tutorial-pt-3-architecting-react-js-apps-with-flux/) - -##### Scotch.io React tutorials series -* [Learning React.js: Getting Started and Concepts](https://scotch.io/tutorials/learning-react-getting-started-and-concepts) -* [Build A Real-Time Twitter Stream with Node and React.js](https://scotch.io/tutorials/build-a-real-time-twitter-stream-with-node-and-react-js) -* [Getting To Know Flux, the React.js Architecture](https://scotch.io/tutorials/getting-to-know-flux-the-react-js-architecture) -* [Creating A Simple Shopping Cart with React.js and Flux](https://scotch.io/tutorials/creating-a-simple-shopping-cart-with-react-js-and-flux) -* [Make a Mobile App with ReactJS in 30 Minutes](https://scotch.io/tutorials/make-a-mobile-app-with-reactjs-in-30-minutes) - -##### React styling -* [React: CSS in JS](http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html) -* [Radium](https://github.com/FormidableLabs/radium) -* [jsxstyle](https://github.com/petehunt/jsxstyle) -* [React Style](https://github.com/js-next/react-style) -* [React Inline](https://github.com/martinandert/react-inline) -* [Interoperable CSS](http://glenmaddern.com/articles/interoperable-css) -* [ReactCSS](https://github.com/casesandberg/reactcss) -* [React Easy Style](https://github.com/maxguzenski/react-easy-style) -* [React: CSS in JS techniques comparison](https://github.com/MicheleBertoli/css-in-js) -* [The End of Global CSS](https://medium.com/seek-ui-engineering/the-end-of-global-css-90d2a4a06284) - -##### React Charts Tutorials -* [Integrating D3.js visualizations in a React app](http://nicolashery.com/integrating-d3js-visualizations-in-a-react-app/) -* [D3 and React - the future of charting components?](http://10consulting.com/2014/02/19/d3-plus-reactjs-for-charting/) - -##### React and Meteor -* [React for Meteor developers](http://blog.differential.com/react-for-meteor-developers/) - -##### React and Backbone -* [Using React components as Backbone Views](http://www.thomasboyt.com/2013/12/17/using-reactjs-as-a-backbone-view.html) -* [Chicago Backbone Meetup: React + Backbone slides](https://speakerdeck.com/larsonjj/chicago-backbone-meetup-react-plus-backbone) - -##### React and Angular -* [NgReact - React Components in Angular](http://davidandsuzi.com/ngreact-react-components-in-angular/) -* [ng-React Update - React 0.9 and Angular Track By](http://davidandsuzi.com/ngreact-update/) -* [Using React for Faster Renders and Isomosphism in Angular](http://davidandsuzi.com/using-react-for-faster-renders-and-isomorphism-in-angular/) -* [Faster AngularJS Rendering](http://www.williambrownstreet.net/blog/2014/04/faster-angularjs-rendering-angularjs-and-reactjs/) -* [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/) -* [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) -* [Achieving Reasonable and Scalable Routing in AngularJS with Flux](https://medium.com/@gilbox/achieving-reasonable-and-scalable-routing-in-angularjs-with-flux-2655e06cd5ee) - -##### React and Bootstrap -* [Better Bootstrap modals and popover with React.js](http://clozeit.wordpress.com/2014/01/08/bootstrap-modals-and-popover-in-react-js/) -* [A mixin-based design for a React.js Bootstrap component library](http://clozeit.wordpress.com/2014/01/08/13/) -* [Popover mixin](http://clozeit.wordpress.com/2014/01/09/popover-mixin/) -* [Bootstrap TabbedArea component with React.js](http://clozeit.wordpress.com/2014/01/13/34/) -* [Bootstrap forms using React.js](http://clozeit.wordpress.com/2014/01/13/bootstrap-forms-using-react-js/) - -##### React and ClojureScript -* [The Future of JavaScript MVC Frameworks](http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/) -* [The Case for React.js and ClojureScript](http://murilopereira.com/the-case-for-reactjs-and-clojurescript/) -* [A Reagent Framework For Writing SPAs](https://github.com/Day8/re-frame) - -##### React and CoffeeScript -* [React & CoffeeScript](http://blog.vjeux.com/2013/javascript/react-coffeescript.html) -* [React patterns - Mostly reasonable patterns for writing React in CoffeeScript](https://github.com/planningcenter/react-patterns) - -##### React and Datatables -* [React and Datatables](https://github.com/wyvernnot/react-datatables-example) - -##### React and Haskell -* [Animating Web UI with React and Haskell](http://joelburget.com/react-haskell/index.html) -* [stackage-view, built with Yesod and GHCJS+React](https://github.com/fpco/stackage-view) -* [TodoMVC example with Shade (Haste+React)](https://github.com/takeoutweight/shade-todomvc) -* [react-haskell, to be used with Haste](https://hackage.haskell.org/package/react-haskell) ([blog post](http://joelburget.com/react-haskell/)) -* [blaze-react, blaze-html style React bindings using GHCJS](https://github.com/meiersi/blaze-react) ([video tutorial](https://www.youtube.com/watch?v=4nTnC0t7pzY)) -* [purescript-react bindings](https://github.com/purescript-contrib/purescript-react) ([example app](https://github.com/fujimura/purescript-react-example)) - -##### React and Socket.IO -* [Socket.IO integration example](https://gist.github.com/zpao/5686416) -* [Socket.IO integration example inside of a single React component](https://gist.github.com/petehunt/5687230) -* [Socket.IO integration employing separation of concerns](https://gist.github.com/petehunt/5687276) - -##### React and Zeroclipboard -* [React and Zeroclipboard](https://github.com/wyvernnot/react-zeroclipboard-example) - -##### Server-Client with React -* [Server/Client With React, Part 1: Getting Started](http://eflorenzano.com/blog/2014/04/09/react-part-1-getting-started/) -* [Server/Client With React, Part 2: The Build System](http://eflorenzano.com/blog/2014/04/10/react-part-2-build-system/) -* [Server/Client With React, Part 3: Frontend Server](http://eflorenzano.com/blog/2014/04/11/react-part-3-frontend-server/) - -##### Server Side rendering -* [Super-basic example of how server rendering works](https://github.com/petehunt/react-server-rendering-example) -* [Server Side Rendering for ReactJS](http://yanns.github.io/blog/2014/03/15/server-side-rendering-for-javascript-reactjs-framework/) -* [React Server Rendering](https://github.com/mhart/react-server-example) -* [JDK8 + Facebook React: Rendering single page apps on the server](http://augustl.com/blog/2014/jdk8_react_rendering_on_server/) -* [Server-side React with PHP – part 1](http://www.phpied.com/server-side-react-with-php/) -* [Server-side React with PHP – part 2](http://www.phpied.com/server-side-react-with-php-part-2/) -* [Server-rendered React components in Rails](http://bensmithett.com/server-rendered-react-components-in-rails/) -* [Server-rendered React + Flux in Rails](https://github.com/nambrot/rails-webpack-react-flux) -* [Serverside React Rendering: Isomorphic JavaScript with ReactJS + Node](https://reactjsnews.com/isomorphic-javascript-with-react-node/) -* [Golang Isomorphic Hot Reloadable/React/Flummox/Css-Module Starter Kit](https://github.com/olebedev/go-starter-kit) -* [Serverside rendering with React + Hapi](https://github.com/jedireza/hapi-react-views) -* [Isomorphic React apps in PHP via dnode](http://ericescalante.com/2015/06/07/isomorphic/) - -##### Compiling React Tutorials -* [Webpack Howto by Pete Hunt](https://github.com/petehunt/webpack-howto) -* [React Webpack Cookbook](https://github.com/christianalfoni/react-webpack-cookbook) -* [AMD and CommonJS examples with Webpack](https://github.com/simonsmith/webpack-example) -* [Integrating JSX live reload into your React workflow](http://gaearon.github.io/react-hot-loader/) -* [React JS and a browserify workflow, part1](http://christianalfoni.github.io/javascript/2014/08/15/react-js-workflow.html) -* [React JS and a browserify workflow, part2](http://christianalfoni.github.io/javascript/2014/10/30/react-js-workflow-part2.html) -* [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) - -##### Debugging React -* [Trace Logging with React](http://www.garysieling.com/blog/trace-logging-react) - -##### Authentication -* [Adding authentication to your React Flux app](https://auth0.com/blog/2015/04/09/adding-authentication-to-your-react-flux-app/) -* [Build a React Application with User Authentication](https://stormpath.com/blog/build-a-react-app-with-user-authentication/) - -##### File Uploads -* [Direct uploads to S3 with React, Rails, and Paperclip](http://blog.littleblimp.com/post/119230396893/direct-uploads-to-s3-with-react-rails-and) - -##### API Integration -* [react-flux-cosmicjs Data-driven react application connected to the Cosmic JS API](https://github.com/tonyspiro/react-flux-cosmicjs) - -##### React Internals -* [React’s diff algorithm](http://calendar.perfplanet.com/2013/diff/) -* [An Optimal Decomposition Algorithm for Tree Edit Distance](http://www.cs.haifa.ac.il/~oren/Publications/TEDinTALG.pdf) - -#### React Tools - -##### Boilerplates -* [React Slingshot - React + Redux with Babel, hot reloading, testing, linting and working example app](https://github.com/coryhouse/react-slingshot) -* [React Starter Kit - a skeleton of an "isomorphic" web application](https://github.com/kriasoft/react-starter-kit) -* [react-isomorphic-starterkit - somorphic starterkit with server-side React rendering](https://github.com/RickWong/react-isomorphic-starterkit) -* [essential-react - A minimal skeleton for building testable React apps using ES6](https://github.com/pheuter/essential-react) -* [este - Robust and comfortable dev stack for mobile/offline/frontend first isomorphic web apps](https://github.com/steida/este) -* [react-starter - Starter template for React with webpack](https://github.com/webpack/react-starter) -* [react-hot-boilerplate - Live-editing boilerplate for your next ReactJS project](https://github.com/gaearon/react-hot-boilerplate) -* [react-redux-universal-hot-example - Universal rendering boilerplate with redux, style loaders, mocha and many more](https://github.com/erikras/react-redux-universal-hot-example) -* [react-engine - A composite render engine for isomorphic express apps](https://github.com/paypal/react-engine) -* [koa-react-full-example - Full example using Koa, React, Passport, Mongoose, Gulp, Mocha](https://github.com/dozoisch/koa-react-full-example) -* [mullet - A React + Hapi Starter Kit](https://github.com/lynnaloo/mullet) -* [React on Rails Starter Kit](https://github.com/elierotenberg/react-rails-starterkit) -* [Coffee React Quickstart](https://github.com/KyleAMathews/coffee-react-quickstart) -* [React + Webpack + Flux (Alt) + Isomorphic + Express + MongoDB boilerplate](https://github.com/choonkending/react-webpack-node) -* [Babel Starter Kit - a boilerplate for authoring React.js libraries with ES6+, Babel](https://github.com/kriasoft/babel-starter-kit) -* [Minimal Node React stack starter kit - Node/Express (hbs), React + React Router + Redux, Webpack, Babel, Gulp and unit tests with Karma ](https://github.com/weblancaster/node-react-stack-kit) -* [A React / Webpack Starter for Beginners](https://github.com/eanplatter/react-starter) -* [A large SPA react / redux set up boilerplate](https://github.com/chen844033231/react-workflow) -* [React Starterify - Minimal starter kit with ES2015 + Browserify + Gulp + Tests](https://github.com/Granze/react-starterify) -* [Isomorphic React TypeScript Starter](https://github.com/toddlucas/react-tsx-starter) -* [React + React native + NW - Mobile, desktop and website Apps with the same code](https://github.com/benoitvallon/react-native-nw-react-calculator) -* [A clean, extensible react + redux boilerplate with universal/isomorphic rendering, testing and more](https://github.com/mz026/universal-redux-template) -* [A-Frame + React Boilerplate](https://github.com/ngokevin/aframe-react-boilerplate) -* [A react+redux ES6 boilerplate with hot reloading and a ready to use express server ](https://github.com/sytac/react-redux-scaffold) - -##### Components -* [React Components](http://react-components.com/) -* [React Component List](http://dvemac.github.io/react-component-list/) -* [React.parts - A catalog of React components](http://react.parts/) -* [Khan Academy React Components](http://khan.github.io/react-components/) -* [VistarMedia Components](http://cmpnt.vistarmedia.com/) -* [React Topcoat UI components](https://github.com/kjda/react-topui) -* [react-material - Material design components written with React.js and React Style](https://github.com/SanderSpies/react-material) -* [material-ui - A CSS Framework and a Set of React Components for Material Design](https://github.com/callemall/material-ui) -* [react-desktop - OS X and Windows UI components built with React](https://github.com/gabrielbull/react-desktop) -* [react-touch - React photo viewer for mobile](https://github.com/petehunt/react-touch) -* [griddle - A simple grid component for use with React](http://dynamictyped.github.io/Griddle/) -* [react-grid - Data grid for React](https://github.com/prometheusresearch/react-grid) -* [React-iCheck - iCheck components built with React. Highly customizable checkboxes and radio buttons](https://github.com/luqin/react-icheck) -* [react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React](https://github.com/jrowny/react-absolute-grid) -* [react-async - Async rendering for React components](https://github.com/andreypopp/react-async) -* [react-async-input - Inputs that behave properly with async set{State,Props} calls](https://github.com/grncdr/react-async-input) -* [react-mediaswitch - Choose your DOM based on media queries](https://github.com/matthewwithanm/react-mediaswitch) -* [react-frame-component - Render your React app to an iFrame](https://github.com/ryanseddon/react-frame-component) -* [react-gravatar - React component for rendering a gravatar profile image](https://github.com/KyleAMathews/react-gravatar) -* [markdown-react - React Render for Standard Markdown](https://github.com/vjeux/markdown-react) -* [react-component-gallery — React component for creating an evenly spaced components]( https://github.com/KyleAMathews/react-component-gallery) -* [react-markdown-textarea - Component to create textareas for entering Markdown](https://github.com/KyleAMathews/react-markdown-textarea) -* [react-markdown-area - Github flavored markdown editor with live preview](https://github.com/MattMcFarland/react-markdown-area) -* [react-textarea-autosize - Textarea component for React which grows with content](https://github.com/andreypopp/react-textarea-autosize) -* [react-spinner - Zero configuration loading spinner](https://github.com/chenglou/react-spinner) -* [react-treeview - Easy, light, flexible tree view made with React](https://github.com/chenglou/react-treeview) -* [react-tree-menu - A stateless tree menu component built with the Flux architecture in mind](https://github.com/MandarinConLaBarba/react-tree-menu)
 -* [react-tween-state - React animation tween state](https://github.com/chenglou/react-tween-state) -* [react-stripe-checkout - Easily load Stripe Checkout as a React component](https://github.com/azmenak/react-stripe-checkout) -* [react-swipe - Brad Birdsall's swipe.js, as a React component](https://github.com/jed/react-swipe) -* [react-smart-time-ago - Show relative "time ago" dates](https://github.com/KyleAMathews/react-smart-time-ago) -* [react-autoupdate-time - Renders a