# react_demo **Repository Path**: aimee1990/react_demo ## Basic Information - **Project Name**: react_demo - **Description**: react新手 接触的demo - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2015-05-27 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## Awesome React A collection of awesome React tools, resources, videos and shiny things. - [Resources](#resources) - [React General Resources](#react-general-resources) - [React Native General Resources](#react-native-general-resources) - [React Community](#react-community) - [React Native Community](#react-native-community) - [React Online Playground](#react-online-playground) - [Tutorials](#tutorials) - [React Tutorials](#react-tutorials) - [React Native Tutorials](#react-native-tutorials) - [Writing React Components](#writing-react-components) - [Relay and GraphQL Tutorials](#relay-and-graphql-tutorials) - [Writing Isomorphic Apps](#writing-isomorphic-apps) - [JSX](#jsx) - [Flux Tutorials](#flux-tutorials) - [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 Haskell](#react-and-haskell) - [React and SocketIO](#react-and-socketio) - [Server-Client with React](#server-client-with-react) - [Server Side Rendering](#server-side-rendering) - [Compiling React Tutorials](#compiling-react-tutorials) - [Testing React Tutorials](#testing-react-tutorials) - [Debugging React](#debugging-react) - [Authentication and Authorization](#authentication-and-authorization) - [File Uploads](#uploads) - [Approach Explanation](#approach-explanation) - [React Internals](#react-internals) - [Tools](#tools) - [Flux Implementations](#flux-implementations) - [React Native](#react-native) - [Mobile](#mobile) - [Relay and GraphQL](#relay-and-graphql) - [Boilerplates](#boilerplates) - [Components](#components) - [Libraries](#libraries) - [Integration](#integration) - [Routing](#routing) - [Forms](#forms) - [Autocomplete](#autocomplete) - [Unit Testing](#unit-testing) - [Documentation Tools](#documentation-tools) - [Graphics](#graphics) - [Model Libraries](#model-libraries) - [Data Managing](#data-managing) - [Development Environment](#development-environment) - [Generating](#generating) - [Compiling](#compiling) - [Platforms](#platforms) - [JSX Alternatives](#jsx-alternatives) - [Template Engines](#template-engines) - [Maps](#maps) - [Charts](#charts) - [Service Workers](#service-workers) - [Videos](#videos) - [Video from Confs](#video-from-confs) - [Video from React.js Conf 2015](#video-from-reactjs-conf-2015) - [Video Tutorials](#video-tutorials) - [Demos](#demos) - [Examples](#examples) - [Contribution](#contribution) --- ### Resources #### React General Resources * [React Official Site](http://facebook.github.io/react/) * [React GitHub](https://github.com/facebook/react) * [React Wiki](https://github.com/facebook/react/wiki) * [React npm module](https://www.npmjs.org/package/react) * [React Tools npm module](https://www.npmjs.org/package/react-tools) * [React TodoMVC](http://todomvc.com/examples/react/) #### React Native General Resources * [React Native Official Site](https://facebook.github.io/react-native/) * [React Native GitHub](https://github.com/facebook/react-native) * [React Native npm module](https://www.npmjs.com/package/react-native) #### React Community * [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) * [React GoogleGroup](https://groups.google.com/forum/#!forum/reactjs) * [React Twitter](https://twitter.com/reactjs) * [React #reactjs Twitter](https://twitter.com/search?q=%23reactjs) * [React SubReddit](http://www.reddit.com/r/reactjs/) * IRC network in `#reactjs` channel on freenode * [Reactiflux Slack Group](http://reactiflux.com) * [React.js Newsletter](http://reactjsnewsletter.com) * [ReactLoop.org](http://reactloop.org) #### React Native Community * [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native) * [React #reactnative Twitter](https://twitter.com/search?q=%23reactnative) * [React Native SubReddit](https://www.reddit.com/r/reactnative) * IRC network in `#reactnative` channel on freenode #### React Online Playground * [React JSFiddle Integration with JSX](https://jsfiddle.net/reactjs/69z2wepo/) * [React JSFiddle Integration without JSX](https://jsfiddle.net/reactjs/5vjqabv3/) * [React CodePen Integration with JSX](http://codepen.io/enaqx/pen/cuIxm) * [React CodePen Integration without JSX](http://codepen.io/enaqx/pen/aAcdk) * [React 0.13 CodePen Integration with ES6 and JSX](http://codepen.io/bradleyboy/pen/OPBpGw) * [React 0.13 JSBin Integration with JSX](http://jsbin.com/basitofoqo/1/edit?html,js,output) #### Tutorials ##### React Tutorials * [React One Hour](https://github.com/petehunt/react-one-hour-email/) * [Medium React Tutorials](https://medium.com/react-tutorials) * [Intro to the React Framework](http://code.tutsplus.com/tutorials/intro-to-the-react-framework--net-35660) * [React beginner tutorial: implementing the board game Go](http://cjlarose.com/2014/01/09/react-board-game-tutorial.html) * [Trying Out ReactJS With the Marvel API](http://ryanlanciaux.github.io/blog/2014/05/26/trying-out-reactjs-with-the-marvel-api/) * [Yo in React](http://davidandsuzi.com/yo-in-react/) * [Creating Chrome Extensions with React](http://brandontilley.com/2014/02/24/creating-chrome-extensions-with-react.html) * [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) * [Intro to React livecoding workshop](http://www.dustingetz.com/2014/03/16/react-into-workshop-notes.html) * [Tooltip mixin for React](https://caurea.org/2014/06/12/tooltip-mixin-for-react.html) * [React Tutorial: Two way data binding](http://voidcanvas.com/react-tutorial-two-way-data-binding/) * [React PhoneCat: Rewriting the AngularJS Tutorial App in React](http://jgebhardt.github.io/blog/react-phonecat/) * [Simplifying Code with React](http://www.kevindangoor.com/2014/05/simplifying-code-with-react/) * [The New React-based Brackets Project Tree](http://www.kevindangoor.com/2014/09/intro-to-the-new-brackets-project-tree/) * [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/) * [Building a board game with React.js](http://jjt.io/2014/07/30/building-a-board-game-with-react-js/) * [ReactJS and Socket.IO Chat Application](http://danialk.github.io/blog/2013/06/16/reactjs-and-socket-dot-io-chat-application/) * [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/) * [Working with jQuery UI Dialog and ReactJS components](http://sterling.ghost.io/working-with-jqueryui-and-reactjs-components/) * [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/) * [Introduction to Contexts in React.js](https://www.tildedave.com/2014/11/15/introduction-to-contexts-in-react-js.html) * [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/) * [Build with React](http://buildwithreact.com/) * [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) * [Mailbox in React](http://blog.tryolabs.com/2015/04/07/react-examples-mailbox/) * [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) ##### React Native Tutorials * [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) * [React Native Has Landed](http://moduscreate.com/react-native-has-landed/) ##### Writing React Components * [A Sortable List Component in React utilizing the HTML5 Drag & Drop API](http://webcloud.se/sortable-list-component-react-js/) * [A Truly Reactive Sortable Component](http://webcloud.se/truly-reactive-sortable-component/) * [Dealing with asynchronous code in React components](https://caurea.org/2014/02/04/dealing-with-asynchronous-code-in-react-components.html) * [Component-based Web Apps with React](http://www.sitepoint.com/component-based-web-apps-react/) * [Reactive Table](http://www.phpied.com/reactive-table/) * [ReActiveTable bookmarklet](http://www.phpied.com/reactivetable-bookmarklet/) * [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/) * [Creating Modular View Components with React and Grunt](http://modernweb.com/2014/03/17/creating-modular-view-components-with-react-and-grunt/) * [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) ##### Relay * [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) * [Building The Facebook News Feed With Relay](https://facebook.github.io/react/blog/2015/03/19/building-the-facebook-news-feed-with-relay.html) * [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html) * [Unofficial Relay FAQ](https://gist.github.com/wincent/598fa75e22bdfa44cf47?) ##### Writing Isomorphic Apps * [Isomorphic JavaScript: The Future of Web Apps](http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/) * [From AngularJS to React: The Isomorphic Way](http://blog.risingstack.com/from-angularjs-to-react-the-isomorphic-way/) * [Creating Isomorphic apps with React and Node.js](http://www.htmlxprs.com/post/20/creating-isomorphic-apps-with-react-and-nodejs) * [isomorphic500 - Isomorphic JS app built with React and Fluxible](https://github.com/gpbl/isomorphic500) ##### JSX * [JSX Specification](http://facebook.github.io/jsx/) * [JSX in Depth](http://facebook.github.io/react/docs/jsx-in-depth.html) * [JSX extensions to Mozilla AST Format](https://github.com/facebook/jsx/blob/master/AST.md) * [Compiling JSX with Sweet.js using Readtables](http://jlongster.com/Compiling-JSX-with-Sweet.js-using-Readtables) * [JSX for the real DOM](http://blog.vjeux.com/2013/javascript/jsx-for-the-real-dom.html) * [JSX: E4X The Good Parts](http://blog.vjeux.com/2013/javascript/jsx-e4x-the-good-parts.html) * [JSX support in eslint](https://github.com/eslint/eslint/issues/1291) * [Lint Like It’s 2015](https://medium.com/@dan_abramov/lint-like-it-s-2015-6987d44c5b48) ##### Flux Tutorials * [Flux Application Architecture](http://facebook.github.io/flux/docs/overview.html) * [Isomorphic Flux examples using Dispatchr and Fetchr from Yahoo](https://github.com/yahoo/flux-examples) * [Async requests with React.js and Flux](http://www.code-experience.com/async-requests-with-react-js-and-flux-revisited/) * [Implementing Flux in CoffeeScript](http://jamesfriend.com.au/implementing-flux-coffeescript) * [React: Flux Architecture](https://egghead.io/series/react-flux-architecture) * [Understanding Flux](https://medium.com/@garychambers108/understanding-flux-f93e9f650af7) * [A sample app showcasing Flux with React Router](https://github.com/gaearon/flux-react-router-example) * [Yo in Flux](http://davidandsuzi.com/yo-in-flux/) * [React.js architecture - Flux VS Reflux](http://blog.krawaller.se/posts/react-js-architecture-flux-vs-reflux/) * [Avoiding Event Chains in Single Page Applications](http://www.code-experience.com/avoiding-event-chains-in-single-page-applications/) * [ReactJS and Flux](http://christianalfoni.github.io/javascript/2014/08/20/react-js-and-flux.html) * [Deconstructing ReactJS's Flux](http://spoike.ghost.io/deconstructing-reactjss-flux/) * [Flux Step By Step](http://blogs.atlassian.com/2014/08/flux-architecture-step-by-step/) * [Flux in practice](https://medium.com/@garychambers108/flux-in-practice-ec08daa9041a) * [Flux for Stupid People](http://blog.andrewray.me/flux-for-stupid-people/) * [What is the Flux Application Architecture?](https://medium.com/brigade-engineering/what-is-the-flux-application-architecture-b57ebca85b9e) * [React + Flux Backed by Rails API: Part 1](http://fancypixel.github.io/blog/2015/01/28/react-plus-flux-backed-by-rails-api/) * [React + Flux Backed by Rails API: Part 2](http://fancypixel.github.io/blog/2015/01/29/react-plus-flux-backed-by-rails-api-part-2/) * [React + Flux Backed by Rails API: Part 3](http://fancypixel.github.io/blog/2015/01/30/react-plus-flux-backed-by-rails-api-part-3/) * [Introduction to Facebook's Flux architecture](http://ryanclark.me/getting-started-with-flux/) * [Flux solutions compared by example](http://pixelhunter.me/post/110248593059/flux-solutions-compared-by-example) * [Flux Cargo-Culting](https://medium.com/@cassiozen/flux-cargo-culting-3cae9ff27c0c) ##### 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](http://scotch.io/tutorials/javascript/learning-react-getting-started-and-concepts) * [Build A Real-Time Twitter Stream with Node and React.js](http://scotch.io/tutorials/javascript/build-a-real-time-twitter-stream-with-node-and-react-js) * [Getting To Know Flux, the React.js Architecture](http://scotch.io/tutorials/javascript/getting-to-know-flux-the-react-js-architecture) * [Creating A Simple Shopping Cart with React.js and Flux](http://scotch.io/tutorials/javascript/creating-a-simple-shopping-cart-with-react-js-and-flux) ##### React styling * [React: CSS in JS](https://speakerdeck.com/vjeux/react-css-in-js) * [Radium](https://github.com/FormidableLabs/radium) * [React Style](https://github.com/js-next/react-style) * [React Inline](https://github.com/martinandert/react-inline) ##### 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 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) * [Pimp my Backbone.View](https://blog.mayflower.de/3937-Backbone-React.html) ##### 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/) * [Om sweet Om](http://blog.getprismatic.com/om-sweet-om-high-functional-frontend-engineering-with-clojurescript-and-react/) * [The Case for React.js and ClojureScript](http://murilopereira.com/the-case-for-reactjs-and-clojurescript/) ##### 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 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) ##### 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 * [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/) * [Go React Serverside Rendering Eample](https://github.com/olebedev/go-react-example) * [Serverside rendering with React + Hapi](https://github.com/jedireza/hapi-react-views) ##### 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) ##### Testing React Tutorials * [Testing Flux Applications](http://facebook.github.io/react/blog/2014/09/24/testing-flux-applications.html) * [Testing React Components](http://www.asbjornenge.com/wwc/testing_react_components.html) * [Testing React components with Huxley](https://caurea.org/2014/02/23/testing-react-components-with-huxley.html) * [Testing React.js](http://engineering.venmo.com/blog/2014/05/15/testing-react/) * [Unit Testing React.js With Jasmine and Karma](http://myshareoftech.com/2013/12/unit-testing-react-dot-js-with-jasmine-and-karma.html) ##### Debugging React * [Trace Logging with React](http://www.garysieling.com/blog/trace-logging-react) ##### Authentication and Authorization * [Role-based authorization](http://blog.littleblimp.com/post/109540707808/role-based-authorization-with-react-js) ##### 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) #### Approach Explanation * [React: Convincing the Boss](http://www.quora.com/Pete-Hunt/Posts/React-Convincing-the-Boss) * [Why did we build React?](http://facebook.github.io/react/blog/2013/06/05/why-react.html) * [Remarkable React](http://www.phpied.com/remarkable-react/) * [Using React to speed up the Khan Academy question editor](http://benalpert.com/2013/06/09/using-react-to-speed-up-khan-academy.html) * [Getting your team to adopt new technology](http://bjk5.com/post/53742233351/getting-your-team-to-adopt-new-technology) * [Arguing for ReactJS](https://medium.com/@joaomilho/arguing-for-reactjs-7b80aafc6493) * [React Tutorial rewritten in plain javascript](http://ricardo.cc/2013/06/07/react-tutorial-rewritten-in-plain-javascript.html) * [BirdWatch: AngularJS vs. ReactJS](http://matthiasnehlsen.com/blog/2014/03/31/birdwatch-with-reactjs/) * [Scala.js and ReactJS](http://matthiasnehlsen.com/blog/2014/01/24/scala-dot-js-and-reactjs/) * [Pros and Cons of Facebook's React vs. Web Components](http://programmers.stackexchange.com/questions/225400/pros-and-cons-of-facebooks-react-vs-web-components-polymer) * [React.js plays nicely with other tools and other thoughts](http://jeremydmiller.com/2014/08/06/react-js-plays-nicely-with-other-tools-and-other-thoughts/) * [First Reactions](http://joelburget.com/react/) * [Backbone to React](http://joelburget.com/backbone-to-react/) * [Moving Atom to React](http://blog.atom.io/2014/07/02/moving-atom-to-react.html) * [Why we use React.js in our Rails projects](http://blog.arkency.com/2014/07/why-we-use-react-js-in-our-rails-projects/) * [ReactJS-Rethinking-Web-UI](https://github.com/ifandelse/ReactJS-Rethinking-Web-UI) * [Removing User Interface Complexity, or Why React is Awesome](http://jlongster.com/Removing-User-Interface-Complexity,-or-Why-React-is-Awesome) * [Facebook React vs. Ember](http://instructure.github.io/blog/2013/12/17/facebook-react-vs-ember/) * [Moving From Backbone To React](https://usepropeller.com/blog/posts/from-backbone-to-react/) * [Pimp my Backbone.View (by replacing it with React)](http://blog.mayflower.de/3937-Backbone-React.html) * [From Backbone Views To React](http://leoasis.github.io/posts/2014/03/22/from_backbone_views_to_react/) * [React.js vs traditional MVC](http://www.code-experience.com/react-js-vs-traditional-mvc-backbone-ember-angular/) * [Why you might not need MVC with React.js](http://www.code-experience.com/why-you-might-not-need-mvc-with-reactjs/) * [React: Finally, a great server/client web stack](http://eflorenzano.com/blog/2014/01/23/react-finally-server-client/) * [React: Referencing Dynamic Children](http://www.mattzabriskie.com/blog/react-referencing-dynamic-children) * [React.js and How Does It Fit In With Everything Else?](http://www.funnyant.com/reactjs-what-is-it/) * [JavaScript’s History and How it Led To ReactJS](http://thenewstack.io/javascripts-history-and-how-it-led-to-reactjs/) * [Saving Time and Staying Sane? Pros and Cons of React.js](http://kentwilliam.com/articles/saving-time-staying-sane-pros-cons-of-react-js) * [Opinionated Rundown of JS Frameworks](http://blog.andyet.com/2014/08/13/opinionated-rundown-of-js-frameworks) * [Facebook's React vs AngularJS: A Closer Look](http://www.quora.com/Pete-Hunt/Posts/Facebooks-React-vs-AngularJS-A-Closer-Look) * [Why We May Ditch AngularJS For React](http://wiredcraft.com/posts/2014/08/20/why-we-may-ditch-angularjs-for-react.html) * [AngularJS vs React](http://noelwelsh.com/programming/2014/08/17/angularjs-vs-react/) * [Why is React's js size so big given its small API?](http://stackoverflow.com/questions/19807946/why-is-reacts-js-size-so-big-given-its-small-api/) * [React Demystified](http://blog.reverberate.org/2014/02/react-demystified.html) * [Two-Way Data Binding](http://n12v.com/2-way-data-binding/?hn) * [React vs. Ember](https://docs.google.com/presentation/d/1afMLTCpRxhJpurQ97VBHCZkLbR1TEsRnd3yyxuSQ5YY/preview?sle=true) * [How I Learned to Stop Worrying and Love React](http://www.nixtu.info/2014/07/how-i-learned-to-stop-worrying-and-love.html) * [10 reasons to use React in your next project](http://www.htmlxprs.com/post/17/10-reasons-to-use-react-in-your-next-project) * [AngularJS vs ReactJS for large web applications](http://blog.liip.ch/archive/2014/09/16/angularjs-vs-reactjs-for-large-web-applications.html) * [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) * [From Backbone To React: Our Experience Scaling a Web Application](http://www.techsonian.net/2014/09/from-backbone-to-react-our-experience-scaling-a-web-application/) * [Rebuilding HipChat with React.js](https://developer.atlassian.com/blog/2015/02/rebuilding-hipchat-with-react/) * [Boiling React Down to a Few Lines of jQuery](http://hackflow.com/blog/2015/03/08/boiling-react-down-to-few-lines-in-jquery/) #### 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) --- ### Tools ##### React Native * [Use React Native](http://www.reactnative.com/) * [React Native Components](http://react.parts) * [react-native-webpack-server - Build React Native apps with Webpack](https://github.com/mjohnston/react-native-webpack-server) #### Flux Implementations * [Flux Official Site](http://facebook.github.io/flux/) * [Flux Comparision](https://github.com/voronianski/flux-comparison) * [RefluxJS](https://github.com/spoike/refluxjs) * [Fluxxor](https://github.com/BinaryMuse/fluxxor) * [Flummox](https://github.com/acdlite/flummox) * [Marty](https://github.com/martyjs/marty) * [McFly](https://github.com/kenwheeler/mcfly) * [Alt](https://github.com/goatslacker/alt) * [DeLorean](https://github.com/deloreanjs/delorean) * [Fluxible](https://github.com/yahoo/fluxible) * [Dispatchr](https://github.com/yahoo/dispatchr) * [Fetchr](https://github.com/yahoo/fetchr) ##### Mobile * [componentkit - A React-inspired view framework for iOS](https://github.com/facebook/componentkit) * [Reapp - A UI-kit with widgets and CLI to build mobile web apps](http://reapp.io) ##### Relay and GraphQL * [GraphpostgresQL - GraphQL for Postgres](https://github.com/solidsnack/GraphpostgresQL) * [react-transmit - Relay-inspired library based on Promises](https://github.com/RickWong/react-transmit) * [graphqljs - GraphQL parser written in JavaScript](https://github.com/cobbweb/graphqljs) * [graphqlite - An experimental implementation of Facebook's GraphQL](https://github.com/madjam002/graphqlite) * [GraphNoQL - Facebook's GraphQL backend implemented with Node+Mongo](https://github.com/lutherism/GraphNoQL) * [graphql-ruby - Ruby implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) #### Boilerplates * [ReactJS / Flux Starter Kit - a skeleton for an isomorphic web application](https://github.com/kriasoft/react-starter-kit) * [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-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) #### 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/) * [Reactjsx Components List](http://www.reactjsx.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-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-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-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-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