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

  • React Node AWS - Build infinitely Scaling MERN Stack App

    React Node AWS - Build infinitely Scaling MERN Stack App

    Sources: udemy
    Master the art of building a highly scalable real world project using MERN Stack for a new startup that will scale infinitely. I will demonstrate how you could launch a project ...
    25 hours 1 minute 19 seconds
  • Build a Youtube Clone

    Build a Youtube Clone

    Sources: Code With Antonio
    In this 24-hour course, you will learn how to create your own YouTube clone using modern technologies. We will go into detail on advanced topics, including...
    23 hours 42 minutes 10 seconds
  • Master Class: React + Typescript 2021 Web Development

    Master Class: React + Typescript 2021 Web Development

    Sources: udemy
    Many new React Developers find ReactJS easy to learn and that is totally true. But the problem is when they are coding complex structures, the code becomes unma
    22 hours 4 minutes 13 seconds
  • NFT Marketplace in React, Typescript & Solidity - Full Guide

    NFT Marketplace in React, Typescript & Solidity - Full Guide

    Sources: udemy
    The course covers everything you need for a decentralized NFT application according to the ERC721 standard. Students of this course will learn about NFTs by creating a real-worl...
    16 hours 20 minutes 55 seconds
  • Mastering React With Interview Questions,eStore Project-2024

    Mastering React With Interview Questions,eStore Project-2024

    Sources: udemy
    In this comprehensive course, we will go through the prior and newer versions of ReactJS with the primary focus on understanding the latest version(18). The...
    16 hours 53 minutes 3 seconds