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

Social Media & ReactJS

There's lot's of info on ReactJS on Twitter & Google+ and other social media sites

https://twitter.com/ReactJSNews

https://twitter.com/ReactJS

https://plus.google.com/communities/114822536557370957541

Reddit search for ReactJS: http://www.reddit.com/search?q=reactjs

Hacker News search for ReactJS: https://hn.algolia.com/?q=reactjs#!/story/forever/0/reactjs

JavaScript Primer

Written for MeteorJS, but this is generic JavaScript so good for any JS project: https://www.discovermeteor.com/blog/javascript-for-meteor/

Way More ReactJS resources

From videos to Components and more: https://github.com/enaqx/awesome-react

• end -