Data fetching with React Server Components

1h 15m 56s
English
Paid

Course description

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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Django with React | An Ecommerce Website

Django with React | An Ecommerce Website

Sources: Brad Traversy
Build an eCommerce platform from the ground up with React, Redux, Django & Postgres. In this course, we will build a completely customized eCommerce / shopping cart application ...
18 hours 6 minutes 7 seconds
The Modern React 18 Bootcamp - A Complete Developer Guide

The Modern React 18 Bootcamp - A Complete Developer Guide

Sources: udemy
In this course we will take you from a React 18 novice to a job ready engineer. This course is loaded with practical projects and examples so that you can truly
20 hours 35 minutes 57 seconds
Storybook for building React apps

Storybook for building React apps

Sources: fullstack.io
You're going to unlock skills that will help you develop UI faster, better, and with great quality. You will understand why it is important to learn Storybook i
3 hours 16 minutes 25 seconds
The Complete Guide to Advanced React Patterns (2020)

The Complete Guide to Advanced React Patterns (2020)

Sources: udemy
Build reusable React components without relying on if statements or more props! Use hooks & trusted advanced patterns!
6 hours 1 minute 51 seconds
MERN Stack - React Node from Scratch Building Social Network

MERN Stack - React Node from Scratch Building Social Network

Sources: udemy
Welcome to Become a FullStack / MERN Stack JavaScript Developer from Scratch with React, Node JS and MongoDB. In this course you will Learn React with Node JS f
20 hours 49 minutes 20 seconds