Иерархия компонентов В любом приложении React должен быть один корневой компонент, который включает другие компоненты. Кроме этого, можно объединить в отдельный компонент другие компоненты, которые выполняют схожий функционал, например, список постов. На изображении выше получается, что корневой компонент включает в себя три компонента, а компонент, объединяющий схожие компоненты, включает в себя другие три компонента. Получается чёткая иерархия компонентов в этом конкретном примере. Компоненты можно и нужно переиспользовать...

Источник: Nuances of Programming Рассмотрим, как с нуля создать приложение Todo (список дел) с помощью React, библиотеки JavaScript для разработки пользовательских интерфейсов, используя синтаксис ES6 и хуки React. Это будет базовое приложение с полем для ввода элемента Todo и кнопкой рядом с каждым элементом, предназначенной для его удаления. Кроме того, мы будем использовать хук useState из React для сохранения состояния приложения и некоторые продвинутые функции JavaScript, такие как map(), массив spread, ternary operator и метод filter()...