Managing State in React 18

سرفصل های دوره

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.

1. Course Overview

1. Course Overview

2. Deciding How to Handle State

1. Target Audience and Prerequisites

2. Agenda

3. A Brief History of React State Management

4. Eight Ways to Handle State

5. JavaScript Data Structures

6. Summary

03. Managing Local State and Remove State

01. Intro

02. Setup Demo

03. Declaring State with UseState

04. The Rules of Hooks

05. Implementing Event Handlers

06. React Developer Tools

07. Implementing Derived State and Exploring When React Renders

08. Fetching and Storing Data via UseEffect

09. Four Ways to Handle API Calls

10. Handling Errors via Error Boundaries

11. Handling Loading State

12. Implementing Asyncawait in useEffect

13. Creating a Custom Hook

14. Consuming a Custom Hook

15. Summary

04. Managing URL State and Web Storage

01. Intro

02. Configuring React Routers Entry Point

03. Creating an App Layout

04. Declaring Routes

05. Declaring URL Placeholders

06. Reading URL Placeholders

07. Handling 404s

08. Reading URL Placeholders on the Detail Page

09. Implementing Client-side Navigation

10. Fetching Based on a URL Parameter

11. Handling 404s on the Detail Page

12. Redirecting via useNavigation

13. Summary

05. Managing Shared, Derived, and Immutable State

01. Intro

02. Creating a Shoe Size Select

03. Implementing Derived State

04. Deciding Where to Store State

05. Lifting State

06. Why Immutability

07. Handling Immutability

08. Implementing Immutable-friendly Add

09. Displaying Cart Items

10. Implementing Immutable-friendly Update

11. Implementing Immutable-friendly Delete

12. Deriving State for Cart Header

13. Lazy Initializing State and localStorage

14. Summary

06. Managing Form State and Validation

01. Intro

02. Creating Checkout

03. Centralizing Change Handlers and Persisting Events

04. Form Validation Decisions

05. Intro to State Enums

06. Implementing a State Enum on Checkout

07. Saving the Form Submission and Emptying Cart

08. State Enums vs. Finite State Machines

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

10. Tracking Touch for Instant Validation

11. Summary

7. Managing State via Refs

1. Intro

2. When to Consider a Ref

3. Implementing Uncontrolled Inputs

4. Controlled vs. Uncontrolled Inputs

5. Avoiding Setting State on Umounted Components

6. Storing a Previous Value

7. Summary

08. Managing Complex State with useReducer

01. Intro

02. Why useReducer

03. Extracting State Management to useReducer

04. Handling Unexpected Action Types

05. Handling Add In Reducers

06. Handling Updates in Reducers

07. Consuming Reducers

08. Dispatching Actions

09. useState vs. useReducer

10. Summary

09. Sharing State and Functions via Context

01. Intro

02. Why Context

03. Declaring a Context

04. Declaring a Context Provider

05. Consuming Context

06. Creating a Provider Component

07. Wrapping the App In a Context Provider

08. Creating a Reusable UseContext Hook

09. Consuming Context Via Custom Hook

10. Requiring a Context Provider

11. Summary

10. Managing State via Third-party Libraries

1. Intro

2. How to Run the Demos

3. Local State

4. Global State

5. Server State

6. Immutable State

7. Form State

8. Summary - How to Handle State

9. Recommended Exercises

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: PluralSight