Skip to main content

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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Build a React & Redux App w CircleCI CICD, AWS & Terraform

Build a React & Redux App w CircleCI CICD, AWS & Terraform

Sources: udemy
React is one of the most popular library's for building client apps with HTML, CSS and JavaScript. If you want to establish yourself as a front-end or full-stack developer, you ...
25 hours 45 minutes 21 seconds
MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs

MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs

Sources: udemy
If you are a person who is not picky about a CSS framework and wants to learn how to create enterprise-grade, practical full stack app using new technologies, then this course i...
13 hours 2 minutes 12 seconds
MERN Stack Front To Back: Full Stack React, Redux & Node.js.

MERN Stack Front To Back: Full Stack React, Redux & Node.js.

Sources: udemy, Brad Traversy
Welcome to "MERN Stack Front To Back". In this course we will build an in depth full stack social network application using Node.js, Express, React, Redux and MongoDB along with...
11 hours 52 minutes 29 seconds
React Simplified - Advanced

React Simplified - Advanced

Sources: webdevsimplified.com
Once you become a good React developer, it is time to start diving into advanced React concepts. This course will take you from a junior to a mid-level React d
11 hours 34 minutes 10 seconds
Doctor Appointment Booking App with React ,Firebase , ANT D

Doctor Appointment Booking App with React ,Firebase , ANT D

Sources: udemy
The course covers many aspects of application development, including Firebase integration, user authentication, creating separate user interfaces for administrators and regular ...
5 hours 45 minutes 20 seconds