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

Zero to Full Stack Hero

Zero to Full Stack Heropapareact.com

Category: JavaScript, React.js, Others, CSS, Node.js, GraphQL, Firebase
Duration 101 hours 29 minutes 59 seconds
Composing Layouts in React

Composing Layouts in Reactfullstack.io

Category: React.js, CSS
Duration 4 hours 38 minutes 12 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 a Spotify Connected App

Build a Spotify Connected Appfullstack.io

Category: React.js, Node.js
Duration 3 hours 47 minutes 28 seconds
Complete DApp - Solidity & React - Blockchain Development

Complete DApp - Solidity & React - Blockchain Developmentudemy

Category: React.js, Decentralized Applications (dApps) / 'Web 3'
Duration 15 hours 21 minutes 24 seconds
Building Applications with React 17 and ASP.NET Core 6

Building Applications with React 17 and ASP.NET Core 6udemy

Category: React.js, C Sharp (C#)
Duration 19 hours 28 minutes 31 seconds
Project React. Build a complex React project as a total beginner

Project React. Build a complex React project as a total beginnerCosden Solutions

Category: React.js
Duration 16 hours 31 minutes 5 seconds
The Road to Next

The Road to NextRobin Wieruch

Category: React.js, Next.js
Duration 30 hours 40 minutes 42 seconds
React Hooks

React Hooksui.dev (ex. Tyler McGinnis)

Category: React.js
Duration 3 hours 47 minutes 48 seconds
Classic React

Classic ReactBuild UI

Category: React.js
Duration 4 hours 10 minutes 15 seconds