Working with Data in React

Focused View

Peter Kellner

4:15:15

473 View

1. Course Overview

1. Course Overview.mp4

01:26

2. Understanding the Basic Data Patterns in React

1. Introduction.mp4

01:17

2. A Typical App Flow for First Render.mp4

03:11

3. A Typical App Flow UI Interaction.mp4

03:34

4. Using Component State to Handle Data Changes.mp4

03:24

5. Using Suspense and Server Components for Loading Data.mp4

04:01

6. Server Action Replacing REST PUT Call.mp4

01:57

7. Whats Coming in This Course.mp4

02:44

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

01:45

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

01. Introduction.mp4

04:11

02. All Demos in GitHub Repository.mp4

01:26

03. Scaffolding the React App with Next.js.mp4

03:07

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

03:39

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

04:20

06. Rendering a Static List of Attendees with Loading State.mp4

05:55

07. Streamlining Style and Component Design in React.mp4

03:54

08. A Brief Review of TypeScript.mp4

03:57

09. Adding Proper TypeScript Typing to the React App.mp4

05:43

10. Adding Data Persistence with SQLite and Prisma.mp4

04:38

11. Seeding SQLite with Data.mp4

05:07

12. Replacing Static Data with REST and SQLite Calls.mp4

04:43

13. Implement a REST Server in Node with API Router.mp4

03:41

14. Updating the Speaker Component to Call REST Service.mp4

04:20

15. Takeaways.mp4

01:45

4. Leveraging React Context for Data Including Forms Processing

1. Introduction.mp4

01:22

2. Create a Combined State Object.mp4

04:23

3. Add Component Nesting to Allow for React Context.mp4

03:09

4. Create Dedicated Data Context from Existing State Management.mp4

06:25

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

06:25

6. Adding a REST Implementation for a Second Table.mp4

03:40

7. Processing a REST POST with the Form Element.mp4

03:42

8. Enhancing the Form Processing UI.mp4

04:06

9. Takeaways.mp4

01:24

05. Using Suspense to Better Handle Async Data

01. Introducing Suspense for Data.mp4

04:16

02. Comparing Suspense to Code without Suspense.mp4

04:10

03. Error Processing with Suspense.mp4

02:32

04. The React Hook [use] Is Canary Release.mp4

01:59

05. Source Code Going Forward in This Module.mp4

04:32

06. Data with Loading States Code Review.mp4

05:22

07. Data with Client Components Suspense Code Review.mp4

03:57

08. Nest Suspense Boundaries.mp4

04:53

09. Data with Server Suspense Code Review.mp4

03:13

10. Takeaways.mp4

00:51

06. Implementing Enterprise App Features Involving Data

01. Introduction.mp4

02:31

02. Adding Login Authentication.mp4

03:37

03. Implementing Authentication into Our React App.mp4

04:59

04. Adding Event Processing with a Speaker Favorite Toggle.mp4

04:38

05. Nested Context Providers and Implementing General Search.mp4

04:35

06. Implement Modal Dialog for Updates.mp4

05:38

07. Create a Two Step Wizard Sign-up Form.mp4

03:12

08. Animating Loading Status Rendering.mp4

02:16

09. Loading Data with Server Components and Suspense.mp4

07:08

10. Takeaways.mp4

00:56

07. Updating Data with Server Actions

01. Introduction.mp4

03:51

02. Form Action Basics.mp4

02:56

03. Comparing Server Actions to REST.mp4

01:54

04. Responding to a Form POST with a Server Action.mp4

05:07

05. Separating Server Actions into Their Own Files.mp4

02:59

06. Calling a Server Action from a Client Component.mp4

04:31

07. Returning Data from Server Actions.mp4

07:08

08. Revisiting React Form Basics and Clearing Data.mp4

01:45

09. Returning Success and Errors from Server Actions.mp4

06:51

10. Calling Server Actions Directly.mp4

02:35

11. Implementing Directly Calling Server Actions.mp4

05:01

12. Improving Server Action UI Performance.mp4

02:48

13. Motivation for Runtime Data Validation in Server Actions.mp4

01:36

14. Adding Zod Runtime Validation to a Server Action.mp4

03:40

15. Replacing REST Calls with Server Actions for Speaker Updates.mp4

05:38

16. Takeaway.mp4

01:31

8. Course Takeaways

1. Takeaways.mp4

01:48

Description

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.

What You'll Learn?

React applications running in browsers often need to retrieve remote data, which could be from databases, web servers, or other sources. Understanding the best methods for incorporating this data into your production application is crucial. In the course Working with Data in React, you will explore how to leverage React's latest concurrent rendering features. First, you'll explore Server Components and Server Actions to establish a data connection. Then, you will see best practices that facilitate development and maintenance and enable outstanding user interfaces. Finally, you will learn to provide performant experiences for users of your browser applications. By the end of this course, you will be able to ensure that your applications adhere to the highest standards.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Peter Kellner

Instructor's Courses

Peter is an independent software consultant, specializing in .NET development from 1985 through 2001, as well as an MVP since 2006. He was founder and president of Tufden Inc, where he successfully delivered systems for clinic scheduling, insurance company management and medical claim processing. His solutions included delivering a turnkey medical office management system to over 500 customers nationwide. His passion for the computer dates back to elementary school when he joined his first computer club. He graduated from Cornell University in Ithaca, New York with a Bachelors and Masters in Mechanical and Aerospace Engineering.

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.