Rick & Morty Characters #4 Pagination - React.js + Typescript, Chakra UI, React-Query

Описание: In this step-by-step tutorial, we'll be building a React.js application with Typescript, Chakra UI, and the rickandmortyapi.com API. You'll learn how to use these powerful tools and technologies to create a responsive, real-world application that fetches and displays data from the rickandmortyapi.com API.

We'll start by implementing a basic pagination component using Chakra UI components, which allows users to navigate through the list of characters fetched in the previous videos. We'll then dive into URL state management using the React Router library, which allows us to store the current pagination state in the URL.

Once we have our pagination and URL state management in place, we'll add additional functionality to make our application more user-friendly. We'll implement a "go-to" page feature that allows users to jump to a specific page in the list, and we'll also display the current page number and total number of pages in the pagination component.

By the end of this video, you'll have a solid understanding of how to implement pagination with URL state management using React Router and Chakra UI, and how to add additional functionality to make our application more user-friendly. You'll be ready to move on to the next steps of building a real-world application that fetches and displays data from the rickandmortyapi.com API.

You can download the final project: https://github.com/vgapchynski/rick-a...