You're reading from React Key Concepts

Product type Book

Published in Dec 2022

Publisher Packt

ISBN-13 9781803234502

Pages 590 pages

Edition 1st Edition

Languages

Concepts

Web Programming

Author (1):

Maximilian Schwarzmüller

Table of Contents (16) Chapters

Preface

1. React – What and Why

Introduction
What Is React?
The Problem with "Vanilla JavaScript"
React and Declarative Code
Introducing Single Page Applications
Summary and Key Takeaways

2. Understanding React Components and JSX

Introduction
What Are Components?
What Does React Do with All These Components?
JSX vs HTML vs Vanilla JavaScript
Outputting Dynamic Content
Summary and Key Takeaways
Apply What You Learned

3. Components and Props

Introduction
Not There Yet
Using Props in Components
Components, Props, and Reusability
How to Deal with Multiple Props
Summary and Key Takeaways
Apply What You Learned

4. Working with Events and State

Introduction
What's the Problem?
Updating State Correctly
A Look under the Hood of React
Working with Multiple State Values
Deriving Values from State
Summary and Key Takeaways
Apply What You Learned

5. Rendering Lists and Conditional Content

Introduction
What Are Conditional Content and List Data?
Rendering Content Conditionally
Outputting List Data
A Problem with List Items
Summary and Key Takeaways
Apply What You Learned

6. Styling React Apps

Introduction
How Does Styling Work in React Apps?
Scoped Styles with CSS Modules
Summary and Key Takeaways
Apply What You Learned

7. Portals and Refs

Introduction
A World without Refs
Refs versus State
Using Refs for More than DOM Access
React and Where Things End up in the DOM
Summary and Key Takeaways
Apply What You Have Learned

8. Handling Side Effects

Introduction
What's the Problem?
Understanding Side Effects
Dealing with Side Effects with the useEffect() Hook
Effects and Their Dependencies
Summary and Key Takeaways
Apply What You Learned

9. Behind the Scenes of React and Optimization Opportunities

Introduction
Revisiting Component Evaluations and Updates
The Virtual DOM vs the Real DOM
Avoiding Unnecessary Code Download
Strict Mode
Debugging Code and the React Developer Tools
Summary and Key Takeaways
Apply What You Learned

10. Working with Complex State

Introduction
A Problem with Cross-Component State
Using Context to Handle Multi-Component State
Limitations of useState( )
Managing State with useReducer( )
Summary and Key Takeaways
Apply What You Learned

11. Building Custom React Hooks

Introduction
Why Would You Build Custom Hooks?
Custom Hooks: A Flexible Feature
A More Complex Example
Summary and Key Takeaways
Apply What You Learned

12. Multipage Apps with React Router

Introduction
One Page Is Not Enough
Getting Started with React Router and Defining Routes
From Static to Dynamic Routes
Redirecting
Summary and Key Takeaways
Apply What You Learned

13. Managing Data with React Router

Introduction
Data Fetching and Routing Are Tightly Coupled
Loading Data with React Router
Layouts Revisited
Handling Errors
Onward to Data Submission
Summary and Key Takeaways
Apply What You Learned

14. Next Steps and Further Resources

Introduction
How Should You Proceed?
Final Words

Appendix

3. Components & Props
4. Working with Events & State
5. Rendering Lists & Conditional Content
6. Styling React Apps
7. Portals & Refs
8. Handling Side Effects
9. Behind the Scenes of React & Optimization Opportunities
10. Working with Complex State
11. Building Custom React Hooks
12. Multipage Apps with React Router
13. Managing Data with React Router

1. React – What and Why

Learning Objectives

By the end of this chapter, you will be able to do the following:

– Describe what React is and why you would use it

– Compare React to web projects built with just JavaScript

– Create new React projects

You're reading from React Key Concepts

Table of Contents (16) Chapters

1. React – What and Why

Authors (1)

Personalised recommendations for you