Как правильно разделить frontend и backend на проекте с переездом на другой стек?

Question

[mbhusty]

Всем привет! Есть проект, фронт - vue2, бэк - Bitrix + Laravel.
Подскажите знающие люди, как правильно и какими этапами лучше начинать разделение frontend и backend и поменять фронт на React?

Пока представляю такой роадмап:

1. Создать 2 отдельных репозитория
2. Перенести Bitrix + Laravel в отдельный
3. В другом развернуть React (начать делать редизайн)
4. Bitrix + Laravel почистить код, избавиться от неиспользуемых частей (рефакторинг)
....

Comments

[szQocks]

если твой бэк работает с Vue или реакт то там должна быть простая апишка, с описанием эндпоинтов ( swagger ), просто пишешь новый фронт на реакте и общаешься с сервером через эти эндпоинты

но если у вас там как-то всё иначе, что сложности какие-то дикие возникли, то сочувствую

Answer 1

[Виктор]

Переписывать лучше постранично, т.е. реализовывать по одной странице на React, подключать на тестовом сервере, тестировать и заливать в прод. Таким образом все будут видеть, что работа идет, а в проекте не будет мешанины.

Алгоритм постраничного переписывания зависит от того, как сейчас реализовано. Если используется BitrixVue или Inertia, то нужно реализовать новые API на Laravel, иначе можно и старые дергать.

Выбор подключения react или vue на странице можно разрешить в коде, сами минифицированные скрипты можно пробрасывать, что-бы в одном репозитории не городить весь код.