Постраничный вывод данных в компонентах React, для таблиц

В этом видео рассказывается, как настроить постраничный вывод данных в компоненте React для таблицы заказов в веб-приложении ресторана.
В уроке пошагово рассматривается процесс добавления двух локальных состояний для хранения общего количества записей и параметров пагинации (номер страницы и количество записей на странице).
Видео также объясняет, как использовать RTK Query для взаимодействия с внешним API на ASP.NET, включая обработку заголовков и метаданных.
Показано, как настроить визуальные элементы для переключения между страницами заказов, а также как корректно отобразить текущий диапазон записей на странице.

00:00 - Введение в пагинацию для таблиц в React
00:30 - Создание локальных состояний для заказов
01:27 - Извлечение заголовков x-pagination из API
02:17 - Добавление настроек в компонент orderApi
03:09 - Использование transformResponse для обработки данных
05:03 - Исправление ошибок с Data.Result
06:00 - Исправление кода для компонента MyOrders
06:16 - Добавление данных TotalRecords в компонент AllOrders
07:14 - Отображение количества записей на странице
08:09 - Добавление логики для расчета начальных и конечных номеров записей
10:05 - Создание кнопок для постраничной навигации
12:00 - Реализация обработчика переходов по страницам
14:15 - Исправление запросов к внешнему API


Расширенная поддержка при подписке по ссылке к первой части вводного курса
React + Redux https://www.udemy.com/course/reactjs-...

Расширенная поддержка при подписке по ссылке ко второй части вводного курса React + Redux https://www.udemy.com/course/redux-re...

Расширенная поддержка при подписке по ссылке к первой части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/api-aspn...

Расширенная поддержка при подписке по ссылке ко второй части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/react-re...

Расширенная поддержка при подписке по ссылке к третьей части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/react-re...