Data fetching with React Server Components
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 Data fetching with React Server Components
# | 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 |
Similar courses to Data fetching with React Server Components
![React Fundamentals](https://cdn.courseflix.net/courses/100x56/react-fundamentals.jpg)
React Fundamentals
![The Ultimate React Course 2023: React, Redux & More](https://cdn.courseflix.net/courses/100x56/the-ultimate-react-course-2023-react-redux-more.jpg)
The Ultimate React Course 2023: React, Redux & More
![Doctor Appointment Booking App with React ,Firebase , ANT D](https://cdn.courseflix.net/courses/100x56/doctor-appointment-booking-app-with-react-firebase-ant-d.jpg)
Doctor Appointment Booking App with React ,Firebase , ANT D
![Instagram Clone Coding 3.0](https://cdn.courseflix.net/courses/100x56/instagram-clone-coding-3-0.jpg)
Instagram Clone Coding 3.0
![MERN Stack Web Development with Ultimate Authentication](https://cdn.courseflix.net/courses/100x56/mern-stack-web-development-with-ultimate-authentication.jpg)
MERN Stack Web Development with Ultimate Authentication
![Build a Realtime App with React Hooks and GraphQL](https://cdn.courseflix.net/courses/100x56/build-a-realtime-app-with-react-hooks-and-graphql.jpg)
Build a Realtime App with React Hooks and GraphQL
![Zero to Full Stack Hero](https://cdn.courseflix.net/courses/100x56/zero-to-full-stack-hero.jpg)
Zero to Full Stack Hero
![Epic React (Epic React Pro)](https://cdn.courseflix.net/courses/100x56/epic-react-epic-react-pro.jpg)
Epic React (Epic React Pro)
![Composing Layouts in React](https://cdn.courseflix.net/courses/100x56/composing-layouts-in-react.jpg)