The most useful articles on getting started with React.js and Redux

This article will be a live thread – I will keep updating it. The idea is to have one central place for all the useful information, not every single article on the subject out there, but the ones I found personally useful:

Redux

One of the most useful and well written articles when it comes to explaining Redux and how it works: https://css-tricks.com/learning-react-redux/

Redux’s documentation is great, make sure you read it (play with the examples as well if you struggle in your own implementation): http://redux.js.org/docs/introduction/index.html

A huge list of articles, add-ons and tutorials to get you started – Awesome Redux: https://github.com/xgrommx/awesome-redux

React.js

A very good article to start learning the basics of React quickly: https://css-tricks.com/productive-in-react/

This is also a good start if you know javascript and jQuery: http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/

Once you have a read through the above you can create a simple app with React following this tutorial by Tyler McGinnis: http://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/

Use this react boilerplate to setup a working environment quickly: https://github.com/christianalfoni/react-app-boilerplate

A must-bookmark-list of useful resources: https://medium.com/@sapegin/react-and-redux-single-page-applications-resources-22cd859b0c1d

JSX – a year in: https://gist.github.com/chantastic/fc9e3853464dffdb1e3c

ES6 & Babel

Understanding ES6 modules with Babel: http://bradwestfall.com/articles/javascript-es6-modules-with-babel

Mozilla docs – exporting modules: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

Mozilla docs – importing modules: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

Courses on React:

https://frontendmasters.com/courses/modern-web-apps/

https://reactforbeginners.com/

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Leave a Reply

Your email address will not be published. Required fields are marked *