Saya akan memindahkan front end jQuery atau React lama Anda ke React atau Next.js modern, halaman demi halaman

Beberapa produk berfungsi dan menghasilkan uang, tetapi front end-nya menjadi sulit diubah: jQuery tersebar di seluruh template, komponen kelas React dari beberapa tahun lalu, atau aplikasi Next.js yang masih menggunakan Pages Router. Penulisan ulang penuh membekukan produk selama berbulan-bulan. Saya melakukan hal lain: kode lama dan baru berjalan berdampingan, dan halaman berpindah satu per satu, sehingga tidak pernah ada hari peralihan besar untuk pengguna Anda.

Saya melakukan hal ini persis pada proyek sebelumnya di bawah NDA: front end jQuery dipindahkan ke React halaman demi halaman sementara produk tetap aktif.

Starter memberi Anda rencana: Saya membaca front end lama, memetakan halaman dan bagian yang dibagikan, mencantumkan risiko, dan memigrasikan satu halaman kecil sebagai contoh kerja dari pendekatan tersebut. Standar memindahkan hingga tiga halaman atau layar. Lanjutan memindahkan hingga delapan, membangun komponen bersama yang mereka butuhkan, dan melindunginya dengan tipe TypeScript untuk data mereka dan pengujian untuk alur utama.

Apa yang tetap: backend Anda, URL Anda, dan perilaku yang dikenal pengguna. Apa yang berubah: bagaimana kode diatur, sehingga fitur berikutnya ditulis sekali, di satu tempat. Selama 14 hari setelah pengiriman, saya memperbaiki apa pun yang tidak berfungsi seperti yang kita sepakati, gratis.

Urutan halaman dan rencana disepakati dalam obrolan pesanan, tanpa panggilan. Setiap halaman yang dimigrasikan dikirimkan sendiri, dan Anda mendapatkan catatan status tertulis setiap hari kerja.

Langkah-langkah untuk menyelesaikan proyek Anda
1. Petakan front end lama - Saya meninjau template, skrip, dan komponen, dan mencantumkan halaman, bagian yang dibagikan, dan apa pun yang berisiko, seperti status global atau skrip sebaris.
2. Sepakati urutan - Anda mendapatkan rencana tertulis: halaman mana yang didahulukan, apa yang bergerak bersamanya, dan bagaimana kode lama dan baru berbagi produk selama keduanya ada.
3. Jembatan - Kode React atau Next.js baru disiapkan di samping kode lama, dengan perutean yang mengirim setiap halaman ke sisi mana pun yang memilikinya.
4. Pindahkan halaman satu per satu - Setiap halaman dibangun kembali, dibandingkan dengan versi lama, dan dialihkan sendiri, sehingga masalah memengaruhi satu halaman, bukan produk.
5. Serah terima - Halaman yang dimigrasikan, rencana yang diperbarui untuk apa yang tersisa, dan catatan singkat tentang pola yang harus diikuti untuk halaman berikutnya.