Вероятно, вы неправильно используете React Hooks

Давайте посмотрим, как максимально эффективно использовать хуки React, используя их в качестве системы реактивного управления состоянием, правильно применяя массивы зависимостей с useEffect, useMemo и useCallback. Github:
Codesandbox: ttps://codesandbox.io/s/github/jherr/reactive-pokemon/tree/main/?file=/src/App.tsx Готовый код:
Электронная таблица:
Статья Кента К. Доббса:
00:00 Введение 02:20 Настройка проекта 03:45 Получение данные 05:18 Неправильное создание производных данных 08:03 Отслеживание повторных рендеров 09:05 Как работает React.memo 10:24 Использование useMemo 11:55 Графики зависимостей в React 14:54 Добавление поиска 17:03 Диаграмма потока данных 19:05 Советы по правильному построению 19:58 Введение Если вам понравилось это видео, угостите меня кофе!
Игровая площадка TypeScript:
Типы против интерфейсов:

👉 Какая у меня тема? Night Wolf [тёмно-синий] 👉 Что это за шрифт? MonoLisa 👉 Джек также участвует в подкасте React Round Up:
👉 Не забудьте подписаться на этот канал, чтобы быть в курсе последних новостей:
👉 Регистрация на Discord-сервере:   / discord   💢 Смотрите другие наши видео: 💟 Взлом графика взносов на Github:    • Hacking Your Github Contribution Graph || ...   💟 Другие видео о TypeScript:    • JavaScript to TypeScript: Beginner to Master   Спасибо за просмотр этого видео! Нажмите кнопку «ПОДПИСАТЬСЯ», чтобы оставаться на связи с каналом. #typescript #react #reactive