Data fetching with React Server Components

1h 15m 56s
English
Paid

Since its release 10 years ago, React's core APIs have remained surprisingly stable. The original component boundary that supports state and lifecycle methods still works to this day. Hooks were then added which introduced a new level of composition, bringing state and effects to functional components and marking the second era of React. And today, with the introduction of Server Components, we are entering React's third era of innovation.

This course covers the fundamentals of data fetching with React Server Components. You'll learn about the benefits that RSC brings to the development model by building a server-driven data table that is derived from the URL and supports features like searching and pagination. By the end of this course you'll feel comfortable working with Server Components, and you'll have a better grasp on which parts of your own applications could benefit from React's new architecture.

Watch Online Data fetching with React Server Components

Join premium to watch
Go to premium
# Title Duration
1 Building a users table 04:56
2 Adding server-side pagination 07:27
3 Polishing the pagination controls 16:18
4 Adding client-side search 09:20
5 Preserving query params across interactions 18:31
6 Adding Loading UI 03:45
7 Adjusting the loading boundary 06:47
8 Showing pending UI during search 03:35
9 Debouncing client-side search 05:17

Similar courses to Data fetching with React Server Components

Server side rendering with Next + React

Server side rendering with Next + Reactudemy

Category: React.js, Next.js, MongoDB, OpenGL Shading Language (GLSL)
Duration 29 hours 43 minutes 19 seconds
Web Performance Fundamentals

Web Performance FundamentalsNadia Makarevich

Category: React.js, Other (Frontend)
Duration
Mastering React With Interview Questions,eStore Project-2024

Mastering React With Interview Questions,eStore Project-2024udemy

Category: React.js
Duration 16 hours 53 minutes 3 seconds
MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs

MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejsudemy

Category: React.js, Next.js, Node.js, MongoDB, Socket.IO
Duration 13 hours 2 minutes 12 seconds
Mastering Maintainable React

Mastering Maintainable Reactudemy

Category: React.js
Duration 7 hours 8 minutes 52 seconds
FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT

FULL Authentication WITH REACT JS NEXT JS TYPESCRIPTudemy

Category: TypeScript, React.js, Next.js
Duration 6 hours 52 minutes 28 seconds
Build and Deploy a Lovable Clone

Build and Deploy a Lovable CloneCode With Antonio

Category: React.js, Next.js, Other (AI)
Duration 10 hours 34 minutes 16 seconds
Understanding React | Don’t Imitate Understand

Understanding React | Don’t Imitate UnderstandAnthony Alicea

Category: React.js
Duration 17 hours 3 minutes 45 seconds
Node with React: Fullstack Web Development

Node with React: Fullstack Web DevelopmentudemyStephen Grider

Category: React.js, Node.js, MongoDB
Duration 25 hours 36 minutes 19 seconds