Постраничный вывод данных в компонентах 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-basics-ru/?referralCode=421A5135A7F0B2690393 Расширенная поддержка при подписке по ссылке ко второй части вводного курса React + Redux https://www.udemy.com/course/redux-react-for-back-end-ru/?referralCode=2529B4CE08C53436FACF Расширенная поддержка при подписке по ссылке к первой части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/api-aspnet-e-commerce-ru/?referralCode=C421747E00CFD6CAA22C Расширенная поддержка при подписке по ссылке ко второй части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/react-redux-typescript-api-aspnet-2/?referralCode=EB86E5B366DEAE72846D Расширенная поддержка при подписке по ссылке к третьей части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/react-redux-typescript-api-aspnet-3-ru/?referralCode=C6E0E2B8E4230AB52B82
В этом видео рассказывается, как настроить постраничный вывод данных в компоненте 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-basics-ru/?referralCode=421A5135A7F0B2690393 Расширенная поддержка при подписке по ссылке ко второй части вводного курса React + Redux https://www.udemy.com/course/redux-react-for-back-end-ru/?referralCode=2529B4CE08C53436FACF Расширенная поддержка при подписке по ссылке к первой части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/api-aspnet-e-commerce-ru/?referralCode=C421747E00CFD6CAA22C Расширенная поддержка при подписке по ссылке ко второй части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/react-redux-typescript-api-aspnet-2/?referralCode=EB86E5B366DEAE72846D Расширенная поддержка при подписке по ссылке к третьей части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/react-redux-typescript-api-aspnet-3-ru/?referralCode=C6E0E2B8E4230AB52B82