📍 TypeScript используется для статической типизации и повышения безопасности кода.
📍 Для управления состоянием приложения и обеспечения простоты разработки исапользован Redux Toolkit, а для навигации между страницами React Router v6.
📍 Взаимодействие с сервером осуществляется с помощью библиотеки Axios.
📍 Для более удобной работы с состоянием компонентов использованы React Hooks.
📍 Prettier использовался для автоматического форматирования кода и поддержания единообразного стиля.
📍 Для стилизации компонентов использовался SCSS для создания красивого и гибкого пользовательского интерфейса.
📍 Реализовано хранение и получение данных с сервера mockapi.
📍 Библиотека qs использовалась для упрощения работы с параметрами URL.

• ReactJS 18
  • React Router v6
  • React Hooks
  • React Content Loader (skeleton)
  • React Pagination
  • React Lazy-loading
• TypeScript
• Redux Toolkit
• Axios
• Prettier
• SASS
• Lodash.Debounce
• qs
• mockapi

✅ Пользователи имеют возможность сортировать продукты по цене, алфавиту и популярности, что позволяет им легко найти нужный товар.

✅ Также предусмотрена возможность сортировки продуктов по категориям и поиска по ключевому слову через инпут поиска.

✅ Для оптимизации производительности и улучшения пользовательского опыта использован React Content Loader для отображения скелетонов при загрузке данных и React Pagination для разделения результатов на страницы.

✅ Lodash.Debounce был использован для оптимизации обработки пользовательского ввода в поле поиска.