This book walks the reader through everything they need to know from getting started with the React toolchain to writing applications with scalable front end architectures.
What you'll learn
- How to build a web application with ReactJS, ImmutableJS, and Redux.
- The process used to build an app using component based architecture.
- The benefits of having a single global application state and how to leverage the power of Redux's flux-inspired architecture.
Students should have the following tools installed:
The React toolchain is quite command-line oriented, so we suggest installing a good command-line terminal program.
We'll be using Git from the command line: http://git-scm.com/download/
Tips for Mac OS X users
If you have homebrew installed, you may install Git by simply issuing:
brew install git.
Tips for Windows users
- When in doubt, select the default options in the installation wizard.
- The rest of this training assumes you are using the terminal that comes with Git (Git Bash) to run all command-line examples.
Notes: The official Git download provides several GUI tools, for both OS X and Windows. If you are proficient with these interfaces, feel free to use them. This training, however, will only provide instructions from the command-line.
The download above should install two commands:
npm may require some extra configuration to set permissions properly on your system.
On Mac OS X, do the following:
npm config set prefix ~/.npm echo 'export PATH="$PATH:~/.npm/bin"' >> ~/.bashrc ~/.bashrc
On Windows, fire up
Git Bash and type the following:
mkdir /c/Users/$USER/AppData/Roaming/npm echo 'export PATH="$PATH:/c/Program Files/nodejs"' >> ~/.bashrc ~/.bashrc
Note: if you installed the 32-bit Windows version of node, the second line above should instead read:
echo 'export PATH="$PATH:/c/Program Files (x86)/nodejs"' >> ~/.bashrc
A Code Editor
Any text editor will work. At Rangle.io, the most popular editors/IDEs are: