Декомпозиция TODO приложения
В этом задании мы разобьём монолитное TODO приложение на логические компоненты.
Декомпозиция большого приложения - это важный навык в React. Когда весь код находится в одном компоненте, становится сложно понять, что где происходит, и трудно найти нужное место для изменений.
В нашем TODO приложении можно выделить несколько логических частей:
- Элемент списка - одна задача с чекбоксом и кнопкой удаления
- Список задач - список всех элементов или сообщение "Нет задач"
- Форма ввода - поле и кнопка для добавления новой задачи
- Статистика - счётчик выполненных задач
Каждая часть отвечает за свою область и может быть изменена независимо от других.