Skip to main content
CF

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.

Additional

https://github.com/builduilabs/react-server-components

About the Author: Build UI

Build UI thumbnail

Build UI is the paid screencast platform of Sam Selikoff and Ryan Toronto, both former Frontside / EmberConf instructors and now full-time independent React educators. The platform's signature is short, focused screencasts on specific React and Next.js patterns rather than multi-hour course bundles.

The CourseFlix listing carries six Build UI courses spanning React data fetching, server components, Next.js App Router patterns, and the practical side of building modern React applications. Material is paid and aimed at intermediate React developers who already know the basics and want depth on the patterns that show up in real production codebases.

Watch Online 9 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 9 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Building a users table
All Course Lessons (9)
#Lesson TitleDurationAccess
1
Building a users table Demo
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
Unlock unlimited learning

Get instant access to all 8 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

9 lessons · 1h 15m 56s
Lessons
  1. 1 Building a users table 04:56
  2. 2 Adding server-side pagination 07:27
  3. 3 Polishing the pagination controls 16:18
  4. 4 Adding client-side search 09:20
  5. 5 Preserving query params across interactions 18:31
  6. 6 Adding Loading UI 03:45
  7. 7 Adjusting the loading boundary 06:47
  8. 8 Showing pending UI during search 03:35
  9. 9 Debouncing client-side search 05:17

Related courses

Frequently asked questions

What is Data fetching with React Server Components about?
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…
Who teaches Data fetching with React Server Components?
Data fetching with React Server Components is taught by Build UI. You can find more courses by this instructor on the corresponding source page.
How long is Data fetching with React Server Components?
Data fetching with React Server Components contains 9 lessons with a total runtime of 1 hour 15 minutes. All lessons are available to watch online at your own pace.
Is Data fetching with React Server Components free to watch?
Data fetching with React Server Components is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Data fetching with React Server Components online?
Data fetching with React Server Components is available to watch online on CourseFlix at https://courseflix.net/course/data-fetching-with-react-server-components. The page hosts every lesson with the integrated video player; no download is required.