Setelah 6 tahun pengembangan, tim React Native telah meluncurkan arsitektur kerangka kerja yang sepenuhnya ditulis ulang (0.76) – pembaruan paling signifikan sejak pembuatan React Native. Ini adalah hasil kerja ekstensif yang bertujuan untuk meningkatkan kinerja, stabilitas, dan fungsionalitas platform.

Perubahan penting

Versi baru ini menawarkan dukungan penuh untuk fitur-fitur React modern, termasuk Suspense, Transitions, dan batching otomatis. React Native akhirnya memiliki useLayoutEffect yang lengkap – penanganan tata letak sekarang sinkron dan dapat diprediksi. Hal ini memungkinkan Anda memposisikan elemen UI dengan benar tanpa status perantara atau artefak visual.

Peningkatan Kinerja

Jembatan antara JavaScript dan kode asli telah dihapus sepenuhnya. Komunikasi kini dilakukan langsung melalui JavaScript Interface (JSI), yang secara signifikan mempercepat kinerja aplikasi dan startup. Perender baru dapat memproses beberapa pohon komponen secara bersamaan di thread berbeda dengan prioritas berbeda. Hal ini memungkinkan pembaruan berprioritas rendah diinterupsi untuk memproses masukan pengguna, memastikan antarmuka responsif bahkan dengan perhitungan yang rumit.

Perbaikan teknis

Sistem modul asli telah didesain ulang sepenuhnya. Akses tersinkronisasi ke antarmuka asli dengan keamanan tipe penuh antara JavaScript dan kode asli kini tersedia. Sekarang dimungkinkan untuk menulis kode C++ lintas platform yang berfungsi pada semua platform yang didukung: iOS, Android, Windows, dan macOS. Modul dimuat dengan lambat, sehingga secara signifikan mengurangi waktu startup aplikasi dan konsumsi memori.

View Flattening, yang sebelumnya hanya tersedia di Android, kini juga berfungsi di iOS berkat mesin rendering C++ yang umum. Pengoptimalan ini secara otomatis menyederhanakan pohon komponen dalam, sehingga meningkatkan kinerja rendering.

Terbukti dalam produksi

Arsitektur baru ini sudah aktif digunakan di aplikasi-aplikasi besar: Facebook, Instagram, Expensify, Kraken, dan BlueSky. Facebook dan Instagram untuk Meta Quest juga mengandalkan arsitektur baru. Hal ini menunjukkan kemampuannya untuk digunakan dalam proyek dengan skala dan kompleksitas apa pun.

Proses migrasi

Sebagian besar aplikasi dapat ditingkatkan dengan tingkat upaya yang sama seperti versi normal. Lebih dari 850 perpustakaan populer telah mendukung arsitektur baru ini, termasuk semua perpustakaan dengan lebih dari 200.000 unduhan mingguan. Berkat lapisan kompatibilitas otomatis dengan arsitektur lama, migrasi dapat dilakukan secara bertahap: tidak perlu menulis ulang seluruh aplikasi sekaligus.

Library populer seperti React-native-mmkv dan Reanimated telah mengalami peningkatan yang signifikan sejak transisi ke arsitektur baru. MMKV menjadi modul C++ lintas platform sepenuhnya dengan keamanan tipe yang ditingkatkan, dan Reanimated 4 memperoleh kemampuan untuk menangani animasi dan tata letak di thread yang berbeda.

Perkembangan lebih lanjut

Tim React Native berencana untuk meningkatkan komponen bawaan dan memperluas dukungan untuk standar web modern. Event Loop sekarang berfungsi sesuai dengan spesifikasi Standar HTML Web, yang akan memungkinkan penggunaan API seperti microtasks, MutationObserver, dan IntersectionObserver di masa mendatang.

Informasi praktis

Kompatibilitas perpustakaan yang digunakan dapat diperiksa di Reactnative.directory. Dokumentasi resmi berisi panduan migrasi terperinci. Jika timbul masalah, selalu ada opsi untuk menonaktifkan arsitektur baru melalui konfigurasi proyek.

Anda harus login untuk berkomentar.

Masuk