Rangle.io: React Training
gitbook
gitbook
  • Introduction
  • Setup
  • Functional JavaScript
  • ES6 constructs
    • Default Params
    • Template Literals
    • Destructuring
    • Arrow Functions
    • Promises
    • let and const
    • Modules
  • Thinking in Components
    • Atomic Design
    • Atomic Component Principles
    • Benefits of This Approach
    • The Process
    • Task #1
  • React Components
    • Stateless Components
    • Stateful Components
    • Stateful vs Stateless Components
    • Composition
    • Task #2
    • Task #3
    • Task #4
    • Task #5
  • Immutable
    • What Is Immutability?
    • The Case for Immutability
    • JavaScript Solutions
      • Object.assign
      • Object.freeze
    • Immutable.js Basics
      • Immutable.Map
        • Map.merge
      • Nested Objects
        • Deleting Keys
        • Maps are Iterable
      • Immutable.List
      • Performance
      • Persistent and Transient Data Structures
      • Official Documentation
    • Exercises
      • Task #1
      • Task #2
      • Task #3
      • Task #4
      • Task #5
      • Task #6
      • Task #7
  • Redux
    • Review of Reducers and Pure Functions
    • Redux Reducers
    • Redux Actions
    • Configuring your Application to use Redux
    • Using Redux with Components
    • Redux and Component Architecture
  • Routing
    • React Router
    • Router Redux
  • Forms
    • Redux Form
  • Testing
    • Setup
    • Components
    • Reducers
    • Actions
Powered by GitBook
On this page
  • What you'll learn
  • Prerequisites
  • Command Line
  • Git
  • Node.js
  • A Code Editor
  • Google Chrome

Was this helpful?

Introduction

NextSetup

Last updated 6 years ago

Was this helpful?

As a dedicated JavaScript design and development firm, we work extensively with clients on React projects. We’ve developed this training so that now you can jump start your React projects using the best practices we’ve developed.

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.

Prerequisites

Students should have the following tools installed:

Command Line

The React toolchain is quite command-line oriented, so we suggest installing a good command-line terminal program.

Git

Tips for Mac OS X users

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.

Node.js

The download above should install two commands: node and npm.

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:

Google Chrome

For Mac OS X, we recommend . For Windows, we recommend using (also comes with git – see below).

We'll be using Git from the command line:

If you have installed, you may install Git by simply issuing: brew install git.

iTerm2
Git Bash
http://git-scm.com/download/
homebrew
http://nodejs.org/download/
Vim
Sublime Text
Atom
WebStorm
https://www.google.com/chrome/browser/desktop/index.html