1. Introduction to React

1. State of application development: web, mobile, tv, desktop

2. Why use React?

3. Basics of using VS Code editor

4. Git basics: Download course solutions and demos

2. Overview of Modern JavaScript & Tools

1. Essential aspects of EcmaScript 2015 (ES6)

2. Using const and let

3. Arrow functions

4. Classes and Modules

5. Transpiling from ES6 to ES5 with Babel

6. Review and Execute Node projects

7. Browserify, Webpack, Immutable.js

3. Fundamental React concepts

1. Virtual DOM

2. Exploring project directories and files

3. Understanding React project dependencies

4. React and React.DOM.*

5. Special DOM attributes

6. Basics of components

7. Using the optional JSX

4. React Development

1. Using Create React App

2. Using build tools and Running React projects

3. Code Analysis with ESLint

4. Debugging in VS Code

5. Installing and using React Developer Tools

6. Rendering Elements

7. Using built-in components

8. Nesting components

5. Creating Components

1. Hierarchies of React components

2. Creating a basic component with React.createClass

3. Passing properties from parent to child

4. When to use “props” and when to use “state”

5. Using component with React.createElement

6. Storing and Accessing state

6. JSX

1. Why JSX?

2. Scoping

3. Specifying attributes

4. Empty and child tags

5. Preventing XSS (cross-site-scripting) attacks

6. Precompiled JSX

7. Component’s State and Lifecycle

1. Using constructors

2. Component's lifecycle methods

3. Mounting methods

4. Updating methods

5. Unmounting methods

6. Validating against expected properties

7. Setting defaults

8. Conditional Rendering

9. Lists and Keys

8. Event Handling in React

1. Synthetic events system

2. Attaching Event Handlers

3. Passing Arguments to Event Handlers

4. Rendering Based on State

5. Updating State

9. Routing with react-router

1. Creating our routes

2. Matching paths

3. Navigating between pages

4. Nesting Routes

5. Capturing Path Params

6. Route Prefixing

7. Defining the root of your app

10. Forms

1. Differences between Controlled and Uncontrolled

2. JSX and Forms

3. Using form events

4. Controlling data input with Controlled form components

5. How React.js changes the interface of some form components

6. The importance of using the name attribute

7. Creating custom form components

8. Dealing with multiple Controlled form components

9. Leveraging control of focus

10. Best practices for creating usable forms

11. Testing

1. Types of Testing

2. Assertions

3. Jasmine and Karma

4. Creating test suits, specs, and expectations

5. Installing and running Jest

6. Testing React components