Трудно не заметить, насколько активно сейчас продвигается тема Headless Drupal. Идея звучит многообещающе - объединить передовую фронт-енд библиотеку React и самую продвинутую на текущий момент CMS.
К сожалению, вся информация по теме сводится к нескольким статейкам, каждая из которых подает тему отрывочно, кроме того, предлагает очень разные методы имплементации.
Было бы здорово провести хотя бы поверхностный анализ предлагаемых методов, дополнить их и определить лучшие практики.

В частности, меня интересует так называемый Progressive decoupling – т.е. частичный decouple, позволяющий использовать разные компоненты React на страницах, которые рендерит Drupal 8.
За основу по ряду причин я взял вот эту статью, однако вместо стандартных RESTful services я решил использовать JSON API модуль, посколько официальная документация рекомендует его для большинства случаев.

В упомянутой статье автор предлагает установить приложение React с помощью create-react-app в папку с кастомным модулем, провести ряд модификаций, после чего подключить сгенерированные командой build файлы как библиотеки этого модуля через файл my_module.libraries.yml.
Далее утверждается, что лучший метод внедрения React компонентов является модуль Paragraphs (который, судя по всему, уйдет в историю после полноценного запуска Layout Builder).
Если существует способ использовать разные “параграфы” как заготовки для React компонентов – это действительно было бы очень удобно.

И здесь возникает ряд вопросов – какова должна быть структура кастомного модуля? Должен ли я использовать роутер, контроллер, файл “my_module.module” или, например, мне нужен Plugin?
В каком файле лучше прописать функцию hook_preprocess_paragraph__HOOK function (которая должна подключать js библиотеки к разным типа “параграфов”)?

Буду благодарен всем, кто поделится опытом и выскажет свои соображения по теме!