The reactpizza from mops55554535

reactpizza's Introduction

ДЕМО

Адаптивные стили CSS @media query
Получение пицц с бэкенда MockAPI
Управление состоянием Redux Toolkit
Эффект во время ожидания загрузки пицц Skeleton
Навигация без перезагрузки страницы React Router
Фильтрация пицц по категории Axios, Redux Toolkit
Сортировка пицц по популярности, цене и алфавиту Axios, Redux Toolkit
Поиск пицц по имени Axios, useContext, optimization with Lodash.debounce
Отображение параметров фильтрации/сортировки в URL qs, useNavigate, Redux Toolkit
Пагинация Redux Toolkit
Оптимизация перерисовки компонентов useCallback, React.memo
Оптимизация для JS build Code Splitting, Tree Shaking, Reexport
Динамический импорт React Loadable, React.lazy

Запрос на сервер: axios
Скелетон (ContentLoader): react-content-loader
Роутинг: react-router-dom
Пагинация: react-paginate
Управление состоянием: @reduxjs/toolkit
Отложенное исполнение кода (в поле для поиска): lodash.debounce
Отображение параметров фильтрации/сортировки в URL: qs, react-router-dom (useNavigate), @reduxjs/toolkit
Генерация CSS classNames: clsx
Контроль перерисовки компонентов: ahooks -> useWhyDidYouUpdate
Загрузка компонентов с помощью динамического импорта: react-loadable, React.lazy

Recommend Projects