Learn React from
Clear Explanations
& Guided Practice

Get React Explained
React Explained Book Cover

What You Will Learn

  1. Modern JavaScript and Development Tools
  2. Fundamental React Concepts and Patterns
  3. How to Build and Deploy a Real React App
React Explained Book Cover

How You Will Learn

Each chapter of the book teaches one React concept. Then, the following chapter gives five exercises to practice that concept.

This approach helps you understand the core concepts of React and also get comfortable writing it on your own.

The final section of the book walks through building, deploying and refactoring a production React app.

🧠 + 1 Part Theory

💻 x 5 Parts Practice

Get React Explained

Digital Book

$19

Get this if you like to just read something to understand it and can work through exercise files and projects on your own.
Just the Book

Print Book

$25

Get the print version of the book for healthier reading.
Includes access to the exercise files and project repo.
Get on Amazon

Table of Contents

Part 1 - Preparing to React

In the first part of the book we prepare to React with a look at modern JavaScript, development tools and a high level overview of React.

01
Helpful JavaScript

This may be a review or something to come back to for reference more than once as we learn React. All of the JavaScript explained in this section will be used at some point when building with React.

02
Important Tools

This chapter gives a high level overview of the most common development tools used with React. Although we explore what each tool does individually, these tools are often used together in one workflow with overlapping and interlacing parts, as we will see later in this book.

03
A High Level Overview

Now we finally introduce React itself. We explain the basic building blocks of React, show how data flows through a React app, and get us comfortable beginning to read and write our first React apps.

Part 2 - React Explained

Part 2 is heart of the book. Each chapter explains one core React concept. Then the proceeding chapter goes over practice exercises to solidy the concept.

04 \ 05
Elements and Components

These chapters dive into the most important function in React, createElement(). We look at how to use it to create the most basic building blocks in React: elements. Components are also explained as functions or classes that return a single element or nested group of elements.

06 \ 07
JSX Explained

These chapters dive into the most important function in React, createElement(). We look at how to use it to create the most basic building blocks in React: elements. Components are also explained as functions or classes that return a single element or nested group of elements.

08 \ 09
Create React App

This section takes us through the tooling stack we will use to work with React. We explore how to set up and use Create React App and the various commands it comes with. This will allow us to easily spin up and manage React projects.

10 \ 11
React Props Explained

Here we learn how data is passed through components using props. Props are similar to parameters passed to a function or attributes attached to markup. They also enforce the one way  data flow in React.

12 \ 13
State in React Explained

This demonstrates how we can manage data that changes in our code that we need to keep track of. We look at how to set and update state, as well as how to pass it down into other components via props.

14 \ 15
The Component Lifecycle

This section goes over how we can hook in custom code at different points when our app or components are running. This gives us a fine grain control of when and how our code should execute and lets us do things like work with asynchronous API requests or improve performance by controlling when things should update.

Part 3 - A React Project

In the final section of the book we introduce a number of new React related libraries to build a complete project. These include React Router for controlling pages, Firebase for authentication and database and Netlify for hosting.

Step 1

Content from State

Step 2

Routing and Content Views

Step 3

Adding Content Forms

Step 4

Event Notifications

Step 5

Updating Content

Step 6

Deleting Content

Step 7

Persistent State

Step 8

User Authentication

Step 9

Database CRUD

Step 10

Deploying a Project

Step 11

Refactoring A Codebase

Step 12

Taking It Further

Get React Explained

Digital Book

$19

Get this if you like to just read something to understand it and can work through exercise files and projects on your own.
Just the Book

Print Book

$25

Get the print version of the book for healthier reading.
Includes access to the exercise files and project repo.
Get on Amazon
React Explained Book Cover

About the Author

Zac Gordon is a professional educator, with a current focus on JavaScript for WordPress education. Zac has years of experience teaching at high schools, colleges, bootcamps and online learning sites like Frontend Masters and Treehouse. Catch his free Office Yoga sessions on OfficeYoga.tv.