Tim di belakang Angular, sebuah platform dan kerangka kerja untuk membangun aplikasi klien satu halaman menggunakan HTML atau TypeScript, hari ini mengumumkan perilisan Angular v16, versi kerangka kerja terbesar sejak peluncuran awal dari Angular.

Rilis ini menyertakan pratinjau developer dari model daya tanggap baru untuk Angular yang meningkatkan performa dan pengalaman developer. Pratinjau ini kompatibel ke belakang dan dapat dioperasikan dengan sistem saat ini.

Dengan Pratinjau Pengembang, pengguna memiliki akses ke kinerja runtime yang lebih baik melalui pengurangan jumlah perhitungan yang dilakukan selama deteksi perubahan. Ini juga menyediakan model mental yang lebih sederhana untuk daya tanggap yang bertujuan untuk mengklarifikasi ketergantungan tampilan dan aliran data melalui aplikasi.

Selain itu, pratinjau memungkinkan respons yang sangat halus, menjadikan Zone.js opsional dalam rilis mendatang, menyediakan properti yang dihitung tanpa perlu menghitung ulang pada setiap siklus deteksi perubahan, dan menyediakan interoperabilitas yang lebih baik dengan RxJS dengan menjelaskan rencana untuk memperkenalkan entri reaktif.

Angular 16 juga menghadirkan peningkatan pada rendering sisi server untuk Angular dengan pratinjau pengembang dari hidrasi non-destruktif aplikasi lengkap. Dengan ini, Angular tidak lagi merender aplikasi dari awal.

Framework sekarang mencari node DOM yang ada sambil membangun struktur data internal dan menempelkan event listener ke node ini.

Hal ini memberikan banyak manfaat kepada pengguna, termasuk kedipan konten nol pada halaman untuk pengguna akhir, Web Core Vitals yang lebih baik dalam skenario tertentu, arsitektur tahan masa depan untuk mengaktifkan pemuatan kode tipis, kemampuan untuk mengintegrasikan aplikasi yang ada dalam beberapa baris kode, dan bertahap adopsi hidrasi dengan atribut ngSkipHydration di template untuk komponen yang melakukan manipulasi DOM manual.

Angular 16 juga menawarkan diagram migrasi dan panduan migrasi mandiri untuk membantu developer memindahkan aplikasi mereka ke API mandiri.

Pengembang dapat mengaksesnya dengan menjalankan “ng generate @angular/core:standalaone” dan skema akan mengonversi kode dan menghapus kelas NgModules tambahan, memodifikasi proyek bootstrap untuk menggunakan API mandiri.

Pengguna juga memiliki akses ke beberapa fitur baru dengan rilis ini, seperti:

• Kemampuan untuk menandai entri sesuai kebutuhan
• Kemampuan untuk melewatkan data router sebagai input komponen
• Dukungan CSP untuk gaya sebaris
• ngOnDestroy yang lebih fleksibel
• Kemampuan untuk menggunakan tag penutup sendiri untuk komponen di template Angular

Untuk mempelajari lebih lanjut, baca posting blog.