React at Preact

React Further Reading

Why did we build React? https://facebook.github.io/react/blog/2013/06/05/why-react.html

Why does React scale? https://speakerdeck.com/vjeux/why-does-react-scale-jsconf-2014

Removing User Interface Complexity, or Why React is Awesome http://jlongster.com/Removing-User-Interface-Complexity,-or-Why-React-is-Awesome

Getting started with React http://ryanclark.me/getting-started-with-react/

Components, React, and Flux http://slides.com/danabramov/components-react-flux-wip#/

Examples in the wild:

React Developer Tools - Chrome Extension https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

Install the React Developer Tools to inspect these React sites:

  • facebook.com
  • instagram.com
  • messenger.com
  • airbnb.com

Beyond the DOM - React for Canvas and WebGL at Netflex https://www.youtube.com/watch?v=eNC0mRYGWgc

Pivotal's React Styleguide http://styleguide.cfapps.io/

Getting Started / Tutorials

React Documentation https://facebook.github.io/react/docs/getting-started.html

Getting Started with Facebook’s React.js https://scotch.io/courses/getting-started-with-facebooks-react-js

The Great Cheatsheet for React.js http://ricostacruz.com/cheatsheets/react.html

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/

SurviveJS - Webpack and React https://leanpub.com/survivejs_webpack/read

Getting Started with React.js: Creating Material Design Components http://www.syncano.com/getting-started-reactjs-tutorial/

React.js Tutorial Pt 1: A Comprehensive Guide to Building Apps with React.js http://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/

Reapp - polished framework for starting a React app http://reapp.io/

GitHub/react-starter https://github.com/webpack/react-starter

GitHub/react-starter-kit https://github.com/kriasoft/react-starter-kit

es6-react-flux-node-quickstart https://github.com/vshjxyz/es6-react-flux-node-quickstart

SVG Layout with Flexbox for Simpler D3 Charts http://blog.scottlogic.com/2015/02/02/svg-layout-flexbox.html

ReactHack - React+Parse+Bootstrap Hackathon toolkit https://github.com/petehunt/ReactHack

React Native Examples React Web and React Native are not 1:1, but extremely similar. React Native documentation is a helpful complement. https://github.com/facebook/react-native/tree/master/Examples

Diary of Building an iOS App with React Native http://herman.asia/building-a-flashcard-app-with-react-native