The React Workshop

封面

版权信息

Preface

1. Getting Started with React

Introduction

Problems before React

Introducing React

Using Create React App to Create Our Project

Introduction to JSX

Creating a React Component

Summary

2. Dealing with React Events

Introduction – Talking to JavaScript with React

Designing the State of Our Application

Quick UI Examples

Getting Started – Building Our Baseline Component

Event Handlers in React

Context of Event Handlers

Form Validation in React

Summary

3. Conditional Rendering and for Loops

Introduction

Conditional Rendering

Nested Conditional Rendering

Summary

4. React Lifecycle Methods

Introduction

Overview of the Component Lifecycle

The Mount Lifecycle

The Update Lifecycle

The Unmount Lifecycle

Summary

5. Class and Function Components

Introduction

Introduction to Thinking with React Components

Building React Components

Class Components

Function Component

Differences between Class and Function Components

Summary

6. State and Props

Introduction

State in React

Props in React

Summary

7. Communication between Components

Introduction

Getting Started

Higher-Order Components

Render Props

The Context API

Summary

8. Introduction to Formik

Introduction

Uncontrolled Components

Controlled Components

Introduction to Formik

Formik Higher-Order Components

Summary

9. Introduction to React Router

Introduction

Understanding Browser Routing

Basics of React Router

Summary

10. Advanced Routing Techniques: Special Cases

Introduction

React Router Special Cases

Summary

11. Hooks – Reusability Readability and a Different Mental Model

Introduction

Hooks

Comparing useEffect Hooks with Life Cycle Methods

Comparing Hooks to Render Props

Summary

12. State Management with Hooks

Introduction

useState Hook: A Closer Look

Limitations of useState

Using the useReducer Hook

Summary

13. Composing Hooks to Solve Complex Problems

Introduction

Context API and Hooks

Summary

14. Fetching Data by Making API Requests

Introduction

RESTful API

Different Ways of Requesting Data

Axios

Comparison of XMLHttpRequest the Fetch API and Axios

Testing APIs with Postman

Making API Requests in React

Fetching Data with React

Summary

15. Promise API and async/await

Introduction

What Is the Promise API?

What Is async/await?

Summary

16. Fetching Data on Initial Render and Refactoring with Hooks