Getting Started

• What is React?

• Real-World SPAs & React Web Apps

• Why Should We Choose React?

• React Environment Setup

Understanding the Base Features & Syntax

• Understanding the Folder Structure

• Understanding Component Basics

• Understanding JSX

• Creating a Functional Component

• Creating a Class Component

• Working with Components & Re-Using Them

• Understanding & Using State

• Props & State

• Using the useState() Hook for State Manipulation

• Stateless vs Stateful Components

Diving Deeper into Components & React Internals

• Splitting an App Into Components

• React Hooks

  • Using useEffect() in Functional Components

  • Controlling the useEffect() Behavior

  • Cleaning Up with Lifecycle Hooks & useEffect()

• How React Updates the DOM

• Higher Order Components (HOC) – Introduction

• Another Form of HOCs

• Using Refs

• Understanding Prop Chain Problems

• Using the Context API

  • contextType & useContext()

Adding Routing to Our Burger Project

• Setting Up Routing & Routes

• Passing Ingredients via Query Params

• Implementing Navigation Links

Forms and Form Validation

• Custom Hooks for Error Validation

Redux State Management

Introduction

• Node.js Background

• Getting Node.js

• Demo: Installing Node on Linux/Windows with NVM

• Node’s Event Loop

• Node Conventions for Writing Asynchronous Code

• Modules, require() and NPM

  • Introduction, Accessing Built-in Modules

  • Finding 3rd Party Modules via NPM

Express

• Introduction

• Setting up Express

• Running Express

• Debugging Options

• Static Files – Public Directory

• Introduction, Making Web Requests in Node

• Building a Web Server in Node

  • Demo: Building a Web Server in Node

Routing

• Introduction

• Navigation

• Routing

• Rendering

• Separate Files

• Router Functions

Authentication

• Introduction to Authentication

• Auth Routes

• Passport

• Local Strategy

Events and Streams

• Introduction

• Events and the EventEmitter Class

• Readable and Writable Streams, the Pipe Function

  • Demo: Readable and Writable Streams

  • Demo: Piping Between Streams

Accessing the Local System

• The Process Object

  • Demo: The Process Object

• Interacting with the File System

  • Demo: Interacting with the File System

• What is a Buffer?

• The OS Module

Socket.IO

• Realtime Interaction with Socket.IO

  • Demo: Socket.IO

Testing and Debugging

• Introduction, The Assert Module

  • Demo: The Assert Module

• Testing with Mocha and Should.js

  • Demo: Mocha and Should.js

Scaling Your Node Application

• Introduction, The Child Process Module

  • Demo: The “exec” Function

  • Demo: The “spawn” Function

  • Demo: The “fork” Function

• Scaling with Node’s Cluster Module

  • Demo: Building a Clustered Web Server