Przeniosę Twój front-end jQuery lub starszy React do nowoczesnego React lub Next.js, strona po stronie

Niektóre produkty działają i zarabiają pieniądze, ale ich front-end stał się trudny do zmiany: jQuery rozproszone po szablonach, komponenty klasowe React sprzed lat, lub aplikacja Next.js wciąż na Pages Router. Pełne przepisanie zamraża produkt na miesiące. Ja robię coś innego: stary i nowy kod działają obok siebie, a strony przenoszą się jedna po drugiej, więc nigdy nie ma dużego dnia przełączenia dla Twoich użytkowników.

Zrobiłem dokładnie to w poprzednim projekcie objętym NDA: front-end jQuery został przeniesiony do Reacta strona po stronie, podczas gdy produkt pozostał aktywny.

Pakiet startowy daje Ci plan: czytam stary front-end, mapuję jego strony i wspólne elementy, wymieniam ryzyka i migruję jedną małą stronę jako działającą próbkę podejścia. Pakiet Standard przenosi do trzech stron lub ekranów. Pakiet Advanced przenosi do ośmiu, buduje potrzebne wspólne komponenty i pokrywa je typami TypeScript dla ich danych oraz testami dla głównych przepływów.

Co pozostaje: Twój backend, Twoje adresy URL i zachowanie, które znają użytkownicy. Co się zmienia: sposób organizacji kodu, dzięki czemu następna funkcja jest pisana raz, w jednym miejscu. Przez 14 dni po dostarczeniu naprawiam bezpłatnie wszystko, co nie działa zgodnie z naszymi ustaleniami.

Kolejność stron i plan są uzgadniane na czacie zamówienia, bez rozmów. Każda migrowana strona jest dostarczana osobno, a Ty otrzymujesz pisemną notatkę o statusie każdego dnia roboczego.

Kroki do ukończenia Twojego projektu
1. Mapowanie starego front-endu – Przeglądam szablony, skrypty i komponenty, a następnie listuję strony, wspólne części i wszystko, co ryzykowne, takie jak globalny stan lub skrypty inline.
2. Uzgodnienie kolejności – Otrzymujesz pisemny plan: która strona idzie pierwsza, co się z nią przenosi i jak stary i nowy kod współdzielą produkt, dopóki oba istnieją.
3. Most – Nowy kod React lub Next.js jest ustawiany obok starego kodu, z routingiem, który wysyła każdą stronę do tej strony, która ją posiada.
4. Przenoszenie stron jedna po drugiej – Każda strona jest przebudowywana, porównywana ze starą wersją i przełączana samodzielnie, więc problem dotyczy jednej strony, a nie całego produktu.
5. Przekazanie – Migrowane strony, zaktualizowany plan dla tego, co pozostało, i krótka notatka na temat wzorców do naśladowania dla następnych stron.