learn-reactjs

Resources to Learn ReactJS - build web & mobile apps.

ReactJS is for the front end of web/mobile apps. It can be used to render pages on it's own, or from within other frameworks such as MeteorJS or AngularJS. ReactJS code is JavaScript + HTML/JSX - (look at JSX as just a way to write HTML inside a JavaScript file).

ReactJS - Official Home Page: http://facebook.github.io/react/

Code Examples

Official ReactJS Example page: http://facebook.github.io/react/docs/examples.html

A simple Reddit Client with React JS - JSFiddle http://jsfiddle.net/ssorallen/fEsYt

ReactJS demo's & Mobile: http://facebook.github.io/react/blog/2013/12/30/community-roundup-13.html

React Rocks - tons of code samples and demo's: http://react.rocks/

Made with React - Showcase of apps using React or React Native: http://madewithreact.com/

Blog Posts

Why I chose ReactJS ? http://giantelk.wordpress.com/2014/08/27/why-i-chose-reactjs/

5 Best Mobile Web App Frameworks: React | Modus Create http://moduscreate.com/5-best-mobile-web-app-frameworks-reactjs

Why We May Ditch AngularJS For React http://wiredcraft.com/posts/2014/08/20/why-we-may-ditch-angularjs-for-react.html

Moving Atom To React http://blog.atom.io/2014/07/02/moving-atom-to-react.html

The Secrets of React's Virtual DOM http://fluentconf.com/fluent2014/public/schedule/detail/32395

Tutorials

React PhoneCat: Rewriting the AngularJS Tutorial App in React Awesome overview of ReactJS with a great example app. http://jgebhardt.github.io/blog/react-phonecat/

Reactive table: http://www.phpied.com/reactive-table/

Remarkable React: http://www.phpied.com/remarkable-react/

Serverless Stack: http://serverless-stack.com
Step-by-step instructions with screenshots for creating a React.js single page CRUD app hosted on S3 and served out from CloudFront. Over 50 tutorials that take you all the way from creating your AWS account to setting up your app with your own domain.

Useful Libraries

Router for ReactJS: https://github.com/rackt/react-router

Reactify Transforms JSX to JavaScript via Node package, for use in build system i.e. with Gulp, Browserify or Wacherify. https://www.npmjs.org/package/reactify

Browserify Browser-side require() the node way. Allows you to separate JS files into modules, and use Node NPM packages on the client. https://www.npmjs.org/package/browserify

Watchify Watch mode for browserify builds. Automatically runs Browserify when files are changes/saved. https://www.npmjs.org/package/watchify

Getting help

Stack Overflow Q&A for ReactJS Don't be put off by the small # of questions, ReactJS is so easy to learn that you're questions will be mostly about other parts of the app, i.e. JavaScript, CSS, backend stuff: http://stackoverflow.com/questions/tagged/reactjs