Главная
Study mode:
on
1
Intro
2
Welcome
3
Installing dependencies
4
Tutorial Pace
5
Begin Example #1: Axios
6
React hooks only, Basic API
7
Post component
8
useEffect
9
Complete Example1 component
10
Check Example #1 functionality
11
Begin Example #2
12
User component
13
More useful API data
14
Axios instance #2
15
Example #2 imports
16
React Query: useQuery
17
React Query: isPreviousData and keepPreviousData
18
More Example2 component
19
PageButton component
20
Example2 JSX
21
Example #2 functionality
22
Change next & previous to first & last
23
Test the new functions
Description:
Learn how to implement pagination in React with this comprehensive tutorial. Explore two full examples using React hooks and React Query to display pages of query data, create numbered buttons, and implement navigation functions for next, previous, first, and last pages. Dive into practical implementations using Axios for API calls and discover how to leverage React Query's features like useQuery, isPreviousData, and keepPreviousData. Follow along as the instructor guides you through creating reusable components, handling API data, and testing functionality. By the end of this tutorial, gain the skills to efficiently manage and display large datasets in your React applications.

Pagination in React Tutorial with React Query and Hooks Examples

Dave Gray
Add to list
0:00 / 0:00