React is a powerful library of UI tools designed and maintained by Facebook, and in use in many large-scale web applications. This course will guide you through the initial setup of a developer environment and introduce the strengths of the platform.
Learning Objectives
Overview
- start the course
- describe innovations in React and Flux and what advantages they bring over over web development stacks
- describe features of React and Flux and a reason to use the given technology stack
- describe Node.js and how it fits with web development
- describe Browserify and how it fits with web development
- describe React and how it fits with web development
- describe React Router and how it fits with web development
- describe Flux and how it fits with web development
- describe Gulp and how it fits with web development
Setting Up
- install Node.js on a developer machine
- install Gulp on a developer machine
- configure Gulp on a developer machine
- configure Browserify on a developer machine
- install Bootstrap on a developer machine
- configure ESLint on a developer machine
- install React on a developer machine
- install React Router on a developer machine
- install React DOM on a developer machine
- install Flux on a developer machine
React Concepts
- describe React fits into an MVC framework
- describe issues with two-way binding and how they are avoided in Flux with unidirectional binding
- describe JSX extension to JavaScript
- contrast JSX with the equivalent JavaScript
- use various JavaScript editors for JSX
- describe the use of virtual DOM in React
Practice: Setting up
- install tools required on a developer machine to build apps with React and Flux