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

React, NodeJS, Express & MongoDB - The MERN Fullstack Guide

React, NodeJS, Express & MongoDB - The MERN Fullstack Guideudemy

Category: React.js, Node.js, MongoDB
Duration 18 hours 45 minutes 10 seconds
PHP Symfony 4 API Platform + React.js Full Stack Masterclass

PHP Symfony 4 API Platform + React.js Full Stack Masterclassudemy

Category: React.js, Symfony
Duration 19 hours 24 minutes 17 seconds
Mastering Next.js - 50+ Lesson Video Course on React and Next

Mastering Next.js - 50+ Lesson Video Course on React and Nextmasteringnuxt.com

Category: React.js, Next.js
Duration 5 hours 9 minutes 45 seconds
React: Flux Architecture (ES6)

React: Flux Architecture (ES6)egghead

Category: React.js
Duration 49 minutes 50 seconds
Add React Storybook to a Project

Add React Storybook to a Projectegghead

Category: React.js
Duration 3 minutes 36 seconds
Chrome Extension Mastery: Build Full-Stack Extensions with React & Node.js

Chrome Extension Mastery: Build Full-Stack Extensions with React & Node.jsRyan Fitzgerald

Category: React.js, Others, Node.js
Duration 10 hours 3 minutes 45 seconds
React Summit 2024 - Amsterdam

React Summit 2024 - Amsterdamreactsummit.com

Category: React.js, Conferences
Duration 18 hours 56 minutes 36 seconds
Build Product Hunt with ReactJS and Firebase

Build Product Hunt with ReactJS and FirebaseCode4Startup (coderealprojects)

Category: React.js, Firebase
Duration 4 hours 47 minutes 27 seconds
Go Full Stack with Spring Boot and React

Go Full Stack with Spring Boot and Reactudemy

Category: React.js, Spring Boot, Spring Security
Duration 11 hours 43 minutes 36 seconds
React & TypeScript - The Practical Guide

React & TypeScript - The Practical GuideAcademind Pro

Category: TypeScript, React.js
Duration 7 hours 22 minutes 54 seconds