Ще преместя вашия jQuery или наследен React фронтенд към модерен React или Next.js, страница по страница

Някои продукти работят и печелят пари, но техният фронтенд е станал труден за промяна: jQuery, разпръснат из шаблони, React класови компоненти отпреди години или Next.js приложение, което все още е на Pages Router. Пълното пренаписване замразява продукта за месеци. Аз правя другото: старият и новият код работят паралелно, а страниците се преместват една по една, така че никога няма голям ден за превключване за вашите потребители.

Направих точно това в минал проект под NDA: jQuery фронтенд беше преместен към React страница по страница, докато продуктът остана активен.

Стартовият пакет ви дава плана: аз прочитам стария фронтенд, картографирам неговите страници и споделени части, изброявам рисковете и мигрирам една малка страница като работеща проба на подхода. Стандартният пакет премества до три страници или екрана. Разширеният пакет премества до осем, изгражда необходимите споделени компоненти и ги покрива с TypeScript типове за техните данни и тестове за основните потоци.

Какво остава: вашият бекенд, вашите URL адреси и поведението, което потребителите познават. Какво се променя: как е организиран кодът, така че следващата функция да бъде написана веднъж, на едно място. За 14 дни след доставката, аз поправям всичко, което не работи, както сме се договорили, безплатно.

Редът на страниците и планът се договарят в чата за поръчка, без обаждания. Всяка мигрирана страница се изпраща самостоятелно и получавате писмена бележка за състоянието всеки работен ден.

Стъпки за завършване на вашия проект
1. Картографиране на стария фронтенд – преглеждам шаблоните, скриптовете и компонентите и изброявам страниците, споделените части и всичко рисково, като глобално състояние или вградени скриптове.
2. Договаряне на реда – Получавате писмен план: коя страница върви първа, какво се премества с нея и как старият и новият код споделят продукта, докато и двата съществуват.
3. Мост – Новият React или Next.js код се настройва до стария код, с маршрутизация, която изпраща всяка страница към страната, която я притежава.
4. Преместване на страници една по една – Всяка страница се преизгражда, сравнява се със старата версия и се превключва самостоятелно, така че проблемът засяга една страница, а не продукта.
5. Предаване – Мигрираните страници, актуализираният план за останалото и кратка бележка за моделите, които да се следват за следващите страници.