Server Component Fundamentals in React 18

Focused View

Peter Kellner

4:03:28

48 View

1. Course Overview

1. Course Overview.mp4

01:57

2. Introducing Server Components

1. Welcome.mp4

02:13

2. Introduction to Server Components.mp4

05:22

3. Why Should You Use React Server Components.mp4

02:31

4. How Server Components Are Different from Server-side Rendered Apps.mp4

02:58

5. Rendering Multiple Server Components Incrementally.mp4

04:45

6. Server Components with Client Components as Children.mp4

03:53

7. GitHub Repo for Course Examples.mp4

01:11

8. Calling Client from Server Components.mp4

05:54

9. Takeaways and Whats Coming.mp4

03:20

3. Learning More Server Component Scenarios

1. Introduction.mp4

01:14

2. Client Components Calling Client Components.mp4

04:19

3. Calling Third-party APIs and use-client.mp4

02:53

4. Server Components as Children to Client Components.mp4

04:55

5. Adding a Custom Theme Provider as a Client Component.mp4

05:21

6. Adding a UI to Toggle the Custom Theme.mp4

04:38

7. Moving Client Components to the Leaf Nodes.mp4

03:50

8. Takeaways.mp4

01:26

4. Using Async Data in Server Components

1. Introduction to Async Based Server Components.mp4

03:25

2. React Server (And Client) Components in Our App.mp4

04:53

3. Our Conference React App Starting Point in GitHub.mp4

04:32

4. Rendering Lists in Our Conference App.mp4

03:56

5. A Very Brief Introduction to TypeScript.mp4

04:55

6. Add Async REST Call to a Server Component.mp4

05:34

7. Using Multiple Async Server Components.mp4

04:21

8. Takeaways.mp4

01:59

5. Adding Suspense Boundaries to Server Components

1. Introducing React Suspense.mp4

06:49

2. Adding Suspense to Our Conference App.mp4

04:31

3. Adding Nest Suspense Elements to Our Conference App.mp4

06:16

4. Implementing Search with Client Components and React Context.mp4

05:32

5. Filtering Showing Server Components with Client Components.mp4

04:59

6. Takeaways.mp4

01:37

06. Next.js Toolchain, Progressive Rendering, and Error Handling

01. Introduction.mp4

04:50

02. Scaffolding a React App with Next.js in an Empty Folder.mp4

05:22

03. Path Aliases and Config Files in Next.js.mp4

03:57

04. Building a Simple App with Server and Client Components.mp4

04:33

05. Adding Async Data.mp4

05:00

06. Improving Our UI with Suspense.mp4

06:30

07. Adding Support for Errors with Error Boundaries in Next.js.mp4

02:23

08. Create an Error Boundary around a Server Component.mp4

06:09

09. Nesting Error Boundaries between Server Components.mp4

05:40

10. Adding a Client Component for a Tooltip Effect.mp4

05:16

11. Takeaways.mp4

00:57

07. Working with URL Routes and Server Components

01. Introduction.mp4

03:35

02. The Prescribed Filenames for the Next.js App Router.mp4

02:15

03. The GitHub Starting Point for Conference App.mp4

00:49

04. Refactor to a New Sessions Route.mp4

05:30

05. Refactor to Include loading.tsx and error.tsx in Our Sessions Folder.mp4

05:49

06. Adding a Tabbed Interface for Speakers and Sessions.mp4

06:01

07. Building the Speaker Tab.mp4

06:08

08. Adding Dynamic Routing to Speaker Detail from Sessions.mp4

02:29

09. Implementing Dynamic Routing.mp4

05:30

10. Sub-views, Grouping, and Nested Layouts.mp4

03:16

11. Implement a Route Group for a Nested Menu.mp4

06:13

12. Takeaways.mp4

01:35

8. Upgrading a React App to Use Server Components

1. Introduction.mp4

02:08

2. Our SPA and RSC Apps in GitHub.mp4

02:35

3. Touring Our Client-only SPA Conference App.mp4

05:05

4. Comparing the Speakers List Components, SPA vs. RSC.mp4

04:34

5. Course Takeaways.mp4

02:01

9. Course Takeaways

1. Enhancing React with Server Components.mp4

01:19

Description

This course will teach you how React Server Components can improve the quality of your React apps and architecture.

What You'll Learn?

Good app design means fewer bugs, lower maintenance costs, and happier users. In this course, Server Component Fundamentals in React 18, you’ll learn about React Server Components and how you can use them to provide a better user experience. First, you’ll dive into the technology behind server components so that using them makes sense. Next, you’ll explore how to build Server Components that work with async data sources. Finally, you’ll learn how to incorporate Server Components in a real-world app so that your apps provide great browser user experiences and are easy to build. When you’re finished with this course, you’ll have all the knowledge and tools necessary to build apps with React Server and Client Components that provide excellent and performant UIs for your users.

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.