Potter

• Проект представляет собой карточки героев вселенной Гарри Поттера.
• Использовано HP-API // The Harry Potter API.
• Посмотреть проект.

Реализованы следующие требования к функциональности:

• Реализованы Требования к функциональности
• Для хранения учетных записей пользователей, их Избранного и Истории поиска, используется localStorage

React

• Пишем функциональные компоненты с хуками в приоритете над классовыми.
• Есть разделение на умные и глупые компоненты
• Есть рендеринг списков
• Реализована хотя бы одна форма
• Есть применение Контекст API
• Есть применение предохранителя
• Есть хотя бы один кастомный хук
• Хотя бы несколько компонентов используют PropTypes: HeaderButton, HeroCard
• Поиск не должен триггерить много запросов к серверу: useDebounce
• Есть применение lazy + Suspense: тут

Redux

• Используем Modern Redux with Redux Toolkit
• Используем слайсы
• Есть хотя бы одна кастомная мидлвара
• Используется RTK Query
• Используется Transforming Responses

2 уровень (необязательный)

• Используeтся TypeScript
• Настроен CD

Дополнительно

• Проект собран при помощи Vite
• Для создания форм использовал библиотеку react-hook-form
• Использовал библиотеку react-error-boundary
• Использовал библиотеку react-loader-spinner

Примечания

• В API есть повторения героев, не является багом.
• Debounce реализован, но запросов нет, так как ищет в данных, сохраненных в context. Так что просто показано, что именю представление , что такое Debounce и как его использовать.