CF

Data fetching with React Server Components

1h 15m 56s
English
Paid

Data fetching with React Server Components is a 9-lesson 1 hour 15 minutes self-paced course by Build UI. Since its release 10 years ago, React's core APIs have remained surprisingly stable.

Course facts

Lessons
9
Duration
1 hour 15 minutes
Level
All levels
Language
English
Updated
Instructor
Build UI
Price
Premium

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

Who teaches Data fetching with React Server Components? 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.

What lessons are included in Data fetching with React Server Components?

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

What courses are similar to Data fetching with React Server Components?

Frequently asked questions

What are the prerequisites for this course?
To get the most out of the course, you should have a solid understanding of React, including components, state management, and lifecycle methods. Familiarity with React Hooks will also be beneficial, as the course builds on functional components using these concepts.
What project will I build in this course?
The course guides you through building a server-driven data table. This project includes features like server-side pagination, client-side search, and managing URL-derived data. By completing it, you'll gain practical experience with React Server Components and enhance your ability to apply them in real-world scenarios.
Who is the target audience for this course?
This course is designed for React developers who are familiar with the existing React ecosystem and are looking to expand their skills by learning about the new capabilities offered by React Server Components. It's ideal for those who want to understand how server-driven architectures can improve application performance and server-rendered interactivity.
How does this course compare in depth to other React courses?
While many courses focus on client-side rendering and state management, this course specifically dives into the emerging area of React Server Components. It provides a focused exploration of server-driven data fetching and UI updates, which are not typically covered in other beginner or intermediate React courses.
What specific tools or platforms does this course cover?
The course specifically covers React Server Components, focusing on their use for data fetching and managing UI state. It includes practical lessons on server-side pagination, client-side search, and query parameter management, all within the context of React applications.
What topics are not covered in this course?
This course does not cover the basics of React development such as JSX, basic component structuring, or traditional state management. It assumes that you are already familiar with these foundational concepts and focuses instead on the advanced topic of React Server Components.
How much time should I expect to commit to this course?
The course is structured into 9 lessons, but the total runtime is not specified. To fully understand and implement the concepts, you should allocate additional time for coding exercises and experimenting with the examples provided. Depending on your prior experience, this could take several days of dedicated study.