React Explained

React Explained

The Book
To Easily Learn
React JS

React Explained Book from Zac Gordon

What You Will Learn

  • React Fundamentals
  • Development Tools
  • Common React Libraries
  • Production Deployment

How You Will Learn

🧠 1 Part Theory to
💻 5 Parts Practice

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.

Get the Book

E-Book

$19

Print Book

$25

Table of Contents

Part 1 – Preparing to React

JS Tools

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.

1

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.

2

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.

3

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

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 solidify the concept.

4

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.

5

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.

6

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.

7

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.

8

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.

9

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

React Project
React Tools

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.

Project Steps:

1

Content from State

2

Routing and Content Views

3

Adding Content Forms

4

Event Notifications

5

Updating Content

6

Deleting Content

7

Persistent State

8

User Authentication

9

Database CRUD

10

Deploying a Project

11

Refactoring A Codebase

12

Taking It Further

Get the Book

E-Book

$19

Print Book

$25

About the Author

Zac Gordon is a professional educator, with years of experience teaching at high schools, colleges, bootcamps and online learning sites like JavaScript for WordPress, Frontend Masters, Udemy, Udacity and Treehouse.

Watch his free online Office Yoga.

Zac Gordon