Working with Data in React

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

This course will teach you to construct React apps adept at managing all data seamlessly. You'll also learn about the React concurrent rendering feature, Suspense, which enables superior user experiences.

1. Course Overview

1. Course Overview

2. Understanding the Basic Data Patterns in React

1. Introduction

2. A Typical App Flow for First Render

3. A Typical App Flow UI Interaction

4. Using Component State to Handle Data Changes

5. Using Suspense and Server Components for Loading Data

6. Server Action Replacing REST PUT Call

7. Whats Coming in This Course

8. A Word About What Is React and What Is Next.js

03. Working with Data in Pure Client (SPA) React Apps

01. Introduction

02. All Demos in GitHub Repository

03. Scaffolding the React App with Next.js

04. Launching the React App with Next.js and VS Code

05. A Big Gotcha with the App Router in Next.js

06. Rendering a Static List of Attendees with Loading State

07. Streamlining Style and Component Design in React

08. A Brief Review of TypeScript

09. Adding Proper TypeScript Typing to the React App

10. Adding Data Persistence with SQLite and Prisma

11. Seeding SQLite with Data

12. Replacing Static Data with REST and SQLite Calls

13. Implement a REST Server in Node with API Router

14. Updating the Speaker Component to Call REST Service

15. Takeaways

4. Leveraging React Context for Data Including Forms Processing

1. Introduction

2. Create a Combined State Object

3. Add Component Nesting to Allow for React Context

4. Create Dedicated Data Context from Existing State Management

5. Adding Layout, Navigation, Header, and a Footer

6. Adding a REST Implementation for a Second Table

7. Processing a REST POST with the Form Element

8. Enhancing the Form Processing UI

9. Takeaways

05. Using Suspense to Better Handle Async Data

01. Introducing Suspense for Data

02. Comparing Suspense to Code without Suspense

03. Error Processing with Suspense

04. The React Hook [use] Is Canary Release

05. Source Code Going Forward in This Module

06. Data with Loading States Code Review

07. Data with Client Components Suspense Code Review

08. Nest Suspense Boundaries

09. Data with Server Suspense Code Review

10. Takeaways

06. Implementing Enterprise App Features Involving Data

01. Introduction

02. Adding Login Authentication

03. Implementing Authentication into Our React App

04. Adding Event Processing with a Speaker Favorite Toggle

05. Nested Context Providers and Implementing General Search

06. Implement Modal Dialog for Updates

07. Create a Two Step Wizard Sign-up Form

08. Animating Loading Status Rendering

09. Loading Data with Server Components and Suspense

10. Takeaways

07. Updating Data with Server Actions

01. Introduction

02. Form Action Basics

03. Comparing Server Actions to REST

04. Responding to a Form POST with a Server Action

05. Separating Server Actions into Their Own Files

06. Calling a Server Action from a Client Component

07. Returning Data from Server Actions

08. Revisiting React Form Basics and Clearing Data

09. Returning Success and Errors from Server Actions

10. Calling Server Actions Directly

11. Implementing Directly Calling Server Actions

12. Improving Server Action UI Performance

13. Motivation for Runtime Data Validation in Server Actions

14. Adding Zod Runtime Validation to a Server Action

15. Replacing REST Calls with Server Actions for Speaker Updates

16. Takeaway

8. Course Takeaways

1. Takeaways

“The Complete Project Management Fundamentals Course + CERT” به سبد خرید شما اضافه شد. مشاهده سبد خرید

139,000 تومان

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

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

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

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