Кто может поделиться опытом переписывание legacy кода?

Question

[Anthony]

Имеется проект с большим количеством legacy кода. Цель переписать все на Framework (Angular/Vue).
Но это займет много времени, которого нету.
Собирается (склеивается) проект по grunt. Все подключается отдельными файлами, Код написан с использованием jquery.
Было принято решение модернизировать код, сделать его модульным для быстрой и удобной разработки.
Сейчас уже почти переписано на Webpack, что бы заменить grunt сборщик из-за этого много костылей и танцев с бубном, что бы все работа как прежде. Теперь стоит вопрос, что делать дальше?
Имеется у кого-то опыт написания такого кода (пример), который в будущем можно был б переписать быстро на Framework? Получается что проект будет использовать Webpack, а профит только в современных фичах. Код уменьшается но пишется все по старой схеме.
Буду рад получить советы от тех кто таким занимался и смог довести до конца миграцию кода.

Первое что пришло на ум:
- Постепенно отказаться от jquery где это возможно, не в ущерб читабельности.
- Отделить HTML (вынести в отдельные файлы с CSS) от JS.
- Подключить RxJS для Асинхронных операций.
- Для старых браузеров сделать legacy polyfill.

Если ли целесообразность подключать Vue для каждой страницы отдельно, а потом объединить это в SPA приложение?

Answer 1

[grinat]

Берется и создается новое репо, с нужным фремворк нейм, смотрится на старый код и делается все по новой, старый код не используется, а выбрасывается нахуй.
В vue rxjs не нужен, там есть стор, rxjs есть туда смысл тащить только для глобальных pub/sub и/или обертки над settimeout, setinterval. В ангуляре нет стора, поэтому используют rxjs, через него подписываются на сервисы, которые раздают данные. Jquery ни там, ни там не нужен.
Использовать надо тот бандлер, который по умолчанию используется в фремворк нейм, а не тащить свой.

Comments

[developer007]

ахаха
топ ответ просто.
слово нахуй убило просто