Рекурсия, древовидная структура и drag-n-drop на примере реального React-компонента

В этом ролике рассказывается о реализации рекурсивных алгоритмов, drag-n-drop и древовидной (а-ля файловой) структуры в рамках разработки React-компонента под конкретное ТЗ. То есть пример максимально реалистичный. Я постарался “на пальцах“ объяснить в практическом контексте работу рекурсии. Получилось достаточно длинно, однако, для полного понимания, даже внимательного просмотра недостаточно - нужно развернуть проект и себя и пройтись по всем сложным местам с помощью дебаггера, отслеживая что происходит. А если у вас в процессе работы появятся мысли по улучшению и фиксу возможных багов, с удовольствием приму Pull Request'ы в репозиторий с исходнками, ссылку на который вы найдёте ниже. СОДЕРЖАНИЕ РОЛИКА: 00:00:00 Вступление. Каков функционал и ограничения компонента? 00:02:30 Структура файлов. Процедура запуска проекта. 00:05:50 Рассматриваем как работает серверный код. 00:13:15 Как на сервере генерируется исходный JSON. 00:18:56 Начинаем смотреть фронтенд-код