Хук useEffect и жизненный цикл компонента. Сохраняем состояние в localStorage. Фильтрация задач

Аватар автора
Александр Ламков — Friendly Frontend
✏️ Разберём, что такое useEffect в React и как он связан с жизненным циклом компонентов. Покажу, как с помощью useEffect выполнять побочные эффекты: от сохранения данных до подписок. Научимся сохранять список задач в localStorage и восстанавливать его при перезагрузке страницы. Объясню, почему порядок вызова useEffect имеет значение и как избежать неожиданной перезаписи данных. Добавим простой поиск задач по названию, реализуем фильтрацию без лишнего состояния и покажем, как корректно отображать сообщения о пустом списке. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:41 | Что такое useEffect и зачем он нужен ▶ 02:36 | Сохраняем задачи в localStorage ▶ 07:00 | Восстанавливаем задачи из localStorage ▶ 15:16 | Поиск задач (фильтрация) ▶ 23:31 | Заключение 📚 Ссылки из видео: 🧑💻 Основной телеграм-канал: 💬 Коммьюнити-чат в телеграме (помощь новичкам): 🗂️ Бесплатные курсы на канале: 📌 Автор: #reactjs

0/0


0/0

0/0

0/0