Server Component Fundamentals in React 18

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

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

1. Course Overview

1. Course Overview

2. Introducing Server Components

1. Welcome

2. Introduction to Server Components

3. Why Should You Use React Server Components

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

5. Rendering Multiple Server Components Incrementally

6. Server Components with Client Components as Children

7. GitHub Repo for Course Examples

8. Calling Client from Server Components

9. Takeaways and Whats Coming

3. Learning More Server Component Scenarios

1. Introduction

2. Client Components Calling Client Components

3. Calling Third-party APIs and use-client

4. Server Components as Children to Client Components

5. Adding a Custom Theme Provider as a Client Component

6. Adding a UI to Toggle the Custom Theme

7. Moving Client Components to the Leaf Nodes

8. Takeaways

4. Using Async Data in Server Components

1. Introduction to Async Based Server Components

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

3. Our Conference React App Starting Point in GitHub

4. Rendering Lists in Our Conference App

5. A Very Brief Introduction to TypeScript

6. Add Async REST Call to a Server Component

7. Using Multiple Async Server Components

8. Takeaways

5. Adding Suspense Boundaries to Server Components

1. Introducing React Suspense

2. Adding Suspense to Our Conference App

3. Adding Nest Suspense Elements to Our Conference App

4. Implementing Search with Client Components and React Context

5. Filtering Showing Server Components with Client Components

6. Takeaways

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

01. Introduction

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

03. Path Aliases and Config Files in Next.js

04. Building a Simple App with Server and Client Components

05. Adding Async Data

06. Improving Our UI with Suspense

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

08. Create an Error Boundary around a Server Component

09. Nesting Error Boundaries between Server Components

10. Adding a Client Component for a Tooltip Effect

11. Takeaways

07. Working with URL Routes and Server Components

01. Introduction

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

03. The GitHub Starting Point for Conference App

04. Refactor to a New Sessions Route

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

06. Adding a Tabbed Interface for Speakers and Sessions

07. Building the Speaker Tab

08. Adding Dynamic Routing to Speaker Detail from Sessions

09. Implementing Dynamic Routing

10. Sub-views, Grouping, and Nested Layouts

11. Implement a Route Group for a Nested Menu

12. Takeaways

8. Upgrading a React App to Use Server Components

1. Introduction

2. Our SPA and RSC Apps in GitHub

3. Touring Our Client-only SPA Conference App

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

5. Course Takeaways

9. Course Takeaways

1. Enhancing React with Server Components

45,900 تومان

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

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

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

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