Ketahui tentang Fitur Baru Angular 9

Pada artikel ini, kita akan belajar tentang apa yang baru di Angular 9. Versi baru diluncurkan baru-baru ini pada 7 Februari 2020

Meskipun perubahan besar dari 8 menjadi 9 tampak seperti langkah besar, v9 adalah rilis luar biasa yang juga mencakup perbaikan bug.

Selain itu, ada berbagai fitur menarik Angular 9 yang akan kita bahas di artikel ini.

• Perkembangan Dewasa dengan Angular
• Fitur bawaan Angular
• Ponsel sudut dan Ivy
• Peningkatan Diagnostik Sudut
• Type-safe dan DI di Angular 9
• Tolok Ukur Sudut

Angular saat ini merupakan kerangka kerja sumber terbuka yang paling penting untuk mengembangkan aplikasi seluler dan web.

Ini dikembangkan oleh Google. Angular telah berada di pasar selama bertahun-tahun dengan kerangka pengembangan komprehensif yang mencakup komponen serta alat yang diperlukan untuk membuat aplikasi web.

Angular memiliki peta jalan yang bersih dengan versi utama baru yang muncul setiap enam bulan.

Juga, tim Angular bekerja dengan sangat baik sehingga API tidak berubah atau tidak sesering yang terjadi dari Angular 1 ke 2.

Ini adalah hal yang luar biasa karena membuat semuanya tetap mutakhir dengan fitur-fitur terbaru dan praktik terbaik yang didukung oleh JavaScript dan TypeScript.

Di sini, dalam artikel ini kami akan fokus pada salah satu masalah yang merusak versi Angular sebelumnya, seperti file besar yang mempengaruhi waktu pengunduhan, kinerja aplikasi, dan konsekuensinya.

Fitur penting lainnya yang akan kita fokuskan adalah compiler Ivy. Anda akan mendapatkan ide komprehensif tentang Ivy dan kepentingannya di masa depan Angular. Hasil akhir: Ini memecahkan berbagai masalah dengan kinerja aplikasi dan bundel besar.

Selain itu, akan ada diskusi tentang fitur-fitur baru, termasuk dukungan internasionalisasi dan pengikatan tanpa selektor.

Ketahui tentang Kinerja dan Paket JavaScript

Salah satu masalah utama dari versi Angular sebelumnya adalah ukuran file aplikasi yang besar yang setara dengan yang dibuat dalam bundel JavaScript.

Jika Anda membuat perbandingan Angular dengan perpustakaan lain seperti Vue atau React, aplikasi Angular relatif bagus.

Selama runtime, Anda tidak akan merasakan perbedaannya. Sementara kinerja Angular bagus, waktu buka akan memakan banyak waktu karena aplikasi sederhananya juga besar.

Ukuran bundel JavaScript juga memberikan pengetahuan tentang masalah lain. Ada banyak hal yang harus dipelajari dengan Angular karena ini adalah kerangka kerja lengkap dengan peralatan pengembangan bawaan, sementara lainnya
Pustaka JavaScript lebih fokus pada komponen.

Apa yang dapat dilakukan tim Angular untuk mengurangi masalah yang timbul dari file bundel yang sangat besar di versi sebelumnya??

Angular Ivy Menyelesaikan Berbagai Masalah

Salah satu fitur terpenting yang disertakan dengan Angular 8 adalah pratinjau opt-in Ivy.

Ivy saat ini adalah saluran render baru dan build internal baru. Perender umumnya adalah mesin yang mengambil instruksi yang Anda masukkan ke dalam komponen Angular dengan templat.

Itu juga melakukan fungsi menerjemahkan komponen menjadi instruksi yang mengubah DOM (Document Object Model).

Kompiler Ivy disembunyikan dan juga menggantikan ViewEngine dengan Ivy tetapi itu tidak mengubah cara kami bekerja dengan Angular. Tapi ini tidak mengubah cara Anda bekerja dengan Angular.

Perubahan memang memiliki dampak penting pada kode yang dihasilkan.

Pratinjau Angular 8 membantu pengguna untuk berfungsi dengan mudah dengan Ivy. Saat digunakan dengan tutorial Angular 9, Ivy saat ini menjadi salah satu perender standar.

Jika perender mudah diterapkan dan efisien, itu berarti Anda dapat membuat lebih sedikit kode karena tidak perlu instruksi lebih lanjut.

Ivy menyediakan lebih sedikit bundel JavaScript, sehingga menyelesaikan semua kelemahan yang berkaitan dengan bundel Angular.

Juga, Ivy akan mengubah keseluruhan permainan karena akan membawa aplikasi Angular ke tingkat yang sama sekali baru dalam hal ukuran dan kinerja.

Ivy tidak pernah mengubah cara Angular digunakan, tetapi itu mengubah seluruh teknik pembuatan aplikasi.

Tim Angular memperhatikan prakarsa seperti beban diferensial dari JavaScript modern yang ditanamkan dengan Angular.

Ini berarti bahwa berbagai bundel polyfill disebarkan dan dikembangkan bersama.

Aplikasi Seluler Agile dengan Angular Ivy

Ponsel cerdas dan berbagai perangkat merupakan mayoritas lalu lintas di seluruh dunia. Selain itu, banyak orang mengakses halaman web dari lokasi yang koneksi internetnya lambat.

Sebagian besar pengembang dapat memperbaiki aplikasi yang ada untuk mengurangi ukuran alat yang dapat diunduh dan meningkatkan pengalaman pengguna, tetapi perubahan tersebut bisa sangat mahal, sulit, dan berisiko.

Dengan mengurangi ukuran bundel JavaScript, Ivy menjadi peningkatan yang disambut baik bagi pengembang yang ingin mempercepat prosedur pengembangan.

Peningkatan Diagnostik Sudut

Sebelumnya, Angular Compiler menghasilkan diagnostik API internal dan diagnostik TypeScript. Namun, diagnostik TypeScript telah mendapat manfaat dari peningkatan saat ini, yang tidak diterapkan dalam diagnostik API.

Alih-alih bekerja dengan banyak format, Angular 7 akan sepenuhnya membuat proses menjadi mulus dengan mengonversi semua diagnostik Angular TypeScript Compiler dengan jenis format TypeScript Diagnostics yang serupa.

Versi 9 Terbaru juga akan mencegah aplikasi menghindari potensi masalah dengan menggunakan registri skema untuk memverifikasi pengikatan DOM.

Selain itu, diagnostik template yang konsisten akan bermanfaat dalam mendukung pembuatan pesan kesalahan deskriptif.

Upgrade di API Extractor

Angular bergantung pada berbagai pustaka perangkat lunak yang berkembang secara terpisah.

Pengguna sudut tidak dapat melewatkan bug potensial dan fitur terbaru tergabung dalam perpustakaan mereka.

Sebagai tanggapan, Angular 9 akan memperbarui API Extractor ke versi baru.

Angular menggunakan Bazel sebagai peralatan sumber terbuka yang memungkinkan pengujian perangkat lunak dan otomatisasi bangunan.

Bazel adalah alat yang terlibat dalam waktu pembuatan oleh rantai alat Angular.

Ini juga memberikan manfaat dari mesin kompiler TypeScript untuk menghasilkan laporan kontrak, mendeteksi permukaan API yang diekspor proyek dan visibilitas dan inkonsistensi yang hilang. Ini menghasilkan dokumentasi API.

Ini sama sekali bukan pembaruan yang menarik, karena fungsi seperti ekstraktor API dan peningkatan reguler pada Layanan Bahasa yang membuat kerangka kerja menjadi efisien dan produktif.

Apa yang ada di Masa Depan Angular?

Dengan dimulainya Angular 9, komunitas dapat memperoleh keuntungan dari aplikasi kecil hingga aplikasi berperforma tinggi dan pengalaman pengembang yang cukup besar.

Pengembang juga memiliki struktur proyek yang lebih tepat serta sintaksis cleat.

Tim Angular juga telah mengantisipasi bahwa tidak ada persyaratan perubahan besar dalam APU.

Apakah ada lebih banyak penghentian dan metode alternatif untuk membuat komponen?

Di masa depan, lebih banyak fokus akan diberikan untuk menggunakan lebih banyak waktu untuk mengembangkan arahan dan komponen, dan lebih sedikit waktu akan diberikan untuk menjaga mereka tetap bersama.

Tim Angular juga membantu dengan beberapa rekomendasi dalam beberapa masalah kompiler tetap dan pengemasan modul.

Selama proses ini, tim juga memigrasikan Terser yang diperkecil untuk penguraian yang lebih baik untuk kompiler Ivy berdasarkan rekomendasi tim Angular.

Jika Anda juga ingin membangun aplikasi seluler dengan menggunakan AngularJS Mobile App Development , inilah saat yang tepat untuk menghubungi Elsner.