ReactJS and Redux Educational Resources

In my job as a full-stack developer at Dealer Inspire (if you like this stuff, you should work with us), I developed one of our new products using the React/Redux stack.  It was completely new to me when I started, and honestly, quite confusing at first.  After reading, and reading, and reading…. I finally “got it”.  I put together a list of some of the resources I found useful for our team and decided to share it here as well.  The list is by no means exhaustive, but it’s a good start.

React

• Getting started – https://facebook.github.io/react/docs/getting-started.html
• Tutorial – https://facebook.github.io/react/docs/tutorial.html
• Thinking in React – https://facebook.github.io/react/docs/thinking-in-react.html
• ReactJS For Stupid People – http://blog.andrewray.me/reactjs-for-stupid-people/
• Code School (needs account) – https://www.codeschool.com/courses/powering-up-with-react

Redux

• Docs – http://redux.js.org/docs/introduction/index.html
• Egghead video course (free) – https://egghead.io/courses/getting-started-with-redux

React + Redux

• Modern React with Redux (Udemy video course – paid) https://www.udemy.com/react-redux/learn/v4/overview
• Redux Usage with React – http://redux.js.org/docs/basics/UsageWithReact.html
• Presentational and Container Components – https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.2ibvur8pv
• react-redux library docs – https://github.com/reactjs/react-redux/blob/master/docs/api.md

ImmutableJS

• Docs (not the best) – https://facebook.github.io/immutable-js/
• Introduction to Immutable.js – http://www.zsoltnagy.eu/introduction-to-immutable-js/
• Introduction to Immutable.js and Functional Programming Concepts – https://auth0.com/blog/2016/03/23/intro-to-immutable-js/

Other Libraries We Use

• redux-thunk – middleware that allows side-effects during actions (like API calls, Pusher calls, etc)

  • Docs – https://github.com/gaearon/redux-thunk
  • Why Do I Need This? http://stackoverflow.com/questions/35411423/how-to-dispatch-a-redux-action-with-a-timeout/35415559#35415559

• reselect – library for computing derived data from various pieces of the root store (think of it like a database query with joins)

  • Docs – https://github.com/reactjs/reselect
  • Computing Derived Data – http://redux.js.org/docs/recipes/ComputingDerivedData.html
• axios (for Ajax requests) https://github.com/mzabriskie/axios