Настройка фильтрации данных в клиентской части веб прилложения на React
В этом видео показано, как настроить фильтрацию и сортировку заказов в административной панели веб-приложения для ресторана на React. Рассматриваются компоненты React, где демонстрируется перемещение элементов интерфейса, настройка заголовков, добавление полей для поиска и фильтрации заказов клиентов по статусам. Показывается, как добавить локальное состояние для хранения данных фильтрации, а также обработчики событий для изменения значений в элементах input и select. Пример наглядно демонстрирует настройку компонента, использование методов фильтрации и локальной логики в клиентском приложении. 00:00:00 — Обзор фильтрации заказов в API и интерфейсе. 00:00:35 — Перенос заголовка из компонента OrderList в AllOrders. 00:01:03 — Добавление стилизации с помощью Bootstrap. 00:02:02 — Копирование кода из AllOrders в MyOrders. 00:02:33 — Настройка выпадающего меню и поля для поиска по ключу. 00:04:00 — Настройка отображения данных о заказах. 00:06:01 — Использование состояния для хранения фильтров поиска. 00:07:00 — Добавление метода handleChange для обработки изменений. 00:08:00 — Перенос массива статусов в AllOrders. 00:09:00 — Настройка обработки данных фильтрации. 00:12:00 — Обработка событий кнопки фильтрации. 00:14:00 — Логика проверки данных при фильтрации по ключу поиска и статусу. 00:15:00 — Настройка итогового массива данных и обновление состояния. Расширенная поддержка при подписке по ссылке к первой части вводного курса 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...
