What One (of many) getting started guides for React/Redux
Why? On a recent work project I started my team down the path of adopting these tools in production. This tutorial is a resource to get those in my team (and in collaborating teams) up to a shared useful base level of understanding of these tools, so we can collaborate and learn together.
It assumes almost zero prior exposure to React/Redux (and nearly zero exposure to client side JS development) but does assume a degree of programming familiarity, i.e. you should show no fear of functions, types, classes, objects etc.
It does not aim to be an exhaustive documentation resource for those tools (I'll link out to better docs where appropriate), nor does it promise to offer the best way to solve the problems/areas covered...
- Install node (version 6) and npm from here: https://nodejs.org/en/download/
- Install some sort of editor/IDE (I've been pretty happy with Atom)
Get the code
git clone git@github.com:crosslandwa/react-redux-primer.git
cd react-redux-primer
npm install
then open the react-redux-primer folder in your IDE
Work through the technologies in the links below (note they build on each other so follow them in order) - each section links through to another directory/README in this repo with further steps/resources
Two final things to note before you get started
- The play along steps throughout this tutorial have been written with the assumption you're using OS X
- I've tried to write the snippets of code in the tutorial in ES5 (for ease of understanding without having to mentally parse the ES6 syntax)
- The provided solutions tend to use ES6 syntax (it offers a lot for brevity/clarity of intent)
Once you've covered the four areas above that's it, you're ready to build powerful web apps!
The tutorials above are basic introductions to each area, but give enough context and information to get going. Be sure to check out the linked documentation in each section (generally links to the official docs)
After that, I've collected some thoughts here on techniques to manage complexity as your application grows