Managing State in React 18

Focused View

Chris Behrens

4:27:09

12 View

1. Course Overview

1. Course Overview.mp4

01:30

2. Deciding How to Handle State

1. Target Audience and Prerequisites.mp4

01:21

2. Agenda.mp4

00:27

3. A Brief History of React State Management.mp4

01:48

4. Eight Ways to Handle State.mp4

07:18

5. JavaScript Data Structures.mp4

01:43

6. Summary.mp4

00:54

03. Managing Local State and Remove State

01. Intro.mp4

00:53

02. Setup Demo.mp4

05:37

03. Declaring State with UseState.mp4

06:02

04. The Rules of Hooks.mp4

01:55

05. Implementing Event Handlers.mp4

03:27

06. React Developer Tools.mp4

01:25

07. Implementing Derived State and Exploring When React Renders.mp4

04:22

08. Fetching and Storing Data via UseEffect.mp4

03:59

09. Four Ways to Handle API Calls.mp4

01:49

10. Handling Errors via Error Boundaries.mp4

05:38

11. Handling Loading State.mp4

03:22

12. Implementing Asyncawait in useEffect.mp4

03:48

13. Creating a Custom Hook.mp4

06:17

14. Consuming a Custom Hook.mp4

02:38

15. Summary.mp4

01:14

04. Managing URL State and Web Storage

01. Intro.mp4

01:02

02. Configuring React Routers Entry Point.mp4

00:53

03. Creating an App Layout.mp4

02:50

04. Declaring Routes.mp4

04:01

05. Declaring URL Placeholders.mp4

01:37

06. Reading URL Placeholders.mp4

02:06

07. Handling 404s.mp4

02:20

08. Reading URL Placeholders on the Detail Page.mp4

00:47

09. Implementing Client-side Navigation.mp4

05:24

10. Fetching Based on a URL Parameter.mp4

05:27

11. Handling 404s on the Detail Page.mp4

01:42

12. Redirecting via useNavigation.mp4

02:10

13. Summary.mp4

00:36

05. Managing Shared, Derived, and Immutable State

01. Intro.mp4

00:48

02. Creating a Shoe Size Select.mp4

04:47

03. Implementing Derived State.mp4

01:02

04. Deciding Where to Store State.mp4

02:20

05. Lifting State.mp4

05:15

06. Why Immutability.mp4

02:09

07. Handling Immutability.mp4

05:33

08. Implementing Immutable-friendly Add.mp4

04:51

09. Displaying Cart Items.mp4

03:09

10. Implementing Immutable-friendly Update.mp4

04:10

11. Implementing Immutable-friendly Delete.mp4

03:00

12. Deriving State for Cart Header.mp4

04:34

13. Lazy Initializing State and localStorage.mp4

07:50

14. Summary.mp4

01:02

06. Managing Form State and Validation

01. Intro.mp4

00:31

02. Creating Checkout.mp4

04:05

03. Centralizing Change Handlers and Persisting Events.mp4

03:34

04. Form Validation Decisions.mp4

03:00

05. Intro to State Enums.mp4

01:29

06. Implementing a State Enum on Checkout.mp4

02:58

07. Saving the Form Submission and Emptying Cart.mp4

05:16

08. State Enums vs. Finite State Machines.mp4

02:28

09. Implementing [On-the-fly] Form Validation.mp4

06:32

10. Tracking Touch for Instant Validation.mp4

04:28

11. Summary.mp4

01:16

7. Managing State via Refs

1. Intro.mp4

00:33

2. When to Consider a Ref.mp4

01:39

3. Implementing Uncontrolled Inputs.mp4

06:12

4. Controlled vs. Uncontrolled Inputs.mp4

01:13

5. Avoiding Setting State on Umounted Components.mp4

05:09

6. Storing a Previous Value.mp4

04:51

7. Summary.mp4

00:35

08. Managing Complex State with useReducer

01. Intro.mp4

00:33

02. Why useReducer.mp4

03:04

03. Extracting State Management to useReducer.mp4

03:34

04. Handling Unexpected Action Types.mp4

00:44

05. Handling Add In Reducers.mp4

02:49

06. Handling Updates in Reducers.mp4

02:27

07. Consuming Reducers.mp4

02:50

08. Dispatching Actions.mp4

04:26

09. useState vs. useReducer.mp4

01:00

10. Summary.mp4

00:44

09. Sharing State and Functions via Context

01. Intro.mp4

00:37

02. Why Context.mp4

05:25

03. Declaring a Context.mp4

01:02

04. Declaring a Context Provider.mp4

01:50

05. Consuming Context.mp4

02:42

06. Creating a Provider Component.mp4

03:50

07. Wrapping the App In a Context Provider.mp4

01:50

08. Creating a Reusable UseContext Hook.mp4

02:08

09. Consuming Context Via Custom Hook.mp4

03:31

10. Requiring a Context Provider.mp4

01:42

11. Summary.mp4

00:55

10. Managing State via Third-party Libraries

1. Intro.mp4

00:48

2. How to Run the Demos.mp4

00:29

3. Local State.mp4

00:58

4. Global State.mp4

02:49

5. Server State.mp4

04:03

6. Immutable State.mp4

01:47

7. Form State.mp4

01:11

8. Summary - How to Handle State.mp4

01:12

9. Recommended Exercises.mp4

01:28

Description

This course will teach you how to implement many types of React state including local, global, refs, context, derived, and more. You'll learn how to choose between types of state, how to derive state, and how to share state between components.

What You'll Learn?

A typical React app declares literally dozens of pieces of state, and in React, there's a surprising number of options for effectively handling this state. In this course, Managing State in React 18, you’ll learn how to effectively declare state to create rich, interactive React apps. First, you’ll discover eight ways to handle state in React apps. Next, you’ll explore how to manage each of these types of states, including route state, component state, and refs. Finally, you’ll learn when to consider global state via context and third-party state libraries. When you’ve finished this course, you’ll have the skills to build complex, interactive React apps in the real world.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Chris Behrens

Instructor's Courses

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.