Perkara Baharu dalam Komponen Kendiri Sudut, Isyarat dan Banyak Lagi!

Apa yang baharu dalam Angular 19 ?

Angular meneruskan evolusi pesatnya (dengan versi utama baharu setiap ~6 bulan). Kini pada November 2024, Angular 19 tiba, padat dengan ciri berkuasa yang meningkatkan pengalaman pembangun dan prestasi aplikasi. Daripada penghidratan yang lebih baik kepada isyarat yang dipertingkatkan. Mari kita selami sorotan daripada acara pelancaran Angular 19.

1. Komponen Kendiri Kini Menjadi Lalai

Kali pertama kami bertemu Komponen kendiri adalah dalam Angular 14 dan telah dipertingkatkan dengan setiap keluaran sejak itu. Dengan Angular 19, semua komponen, arahan dan paip kini kendiri secara lalai, menghapuskan keperluan untuk menetapkan kendiri secara eksplisit: benar.
Selain itu, kemas kini adalah lancar, perintah kemas kini ng memfaktorkan semula pangkalan kod sedia ada secara automatik, memastikan peralihan yang lancar dan tanpa kerumitan.

2. Isyarat: Kereaktifan Dipertingkat

Dalam Angular 16, kami mengadakan pertemuan pertama kami dengan Isyarat Sudut, dan ia adalah cinta pandang pertama, dan mereka terus membentuk semula sistem kereaktifan Angular. Dengan Angular 19, beberapa API berasaskan isyarat telah dinaikkan pangkat kepada status stabil, termasuk input(), output(), model(), viewChild(), viewChildren(), contentChild, contentChildren(), takeUntilDestroyed(), outputFromObservable() , dan outputToObservable().
Selain itu, Jeremy Elbourne memperkenalkan dua API Isyarat percubaan baharu:

A. Isyarat Berpaut

• Mendayakan keadaan setempat yang dipautkan kepada ungkapan yang dikira.
• Memberi nilai awal.
• Berbalik secara automatik kepada nilai yang dikira apabila ungkapan berubah.

B. API Sumber

• Memudahkan pengendalian nilai tak segerak seperti data pelayan.
• Bersepadu dengan lancar dengan sistem kereaktifan Angular.
• Menawarkan hasil permintaan dan status sebagai isyarat.

Untuk menjadikan peralihan menjadi mudah, perintah seperti ng g @angular/core:signal-input-migration, ng g @angular/core:signal-queries-migration dan ng g @angular/core:output-migration mengautomasikan kod pemfaktoran semula dengan mudah. Isyarat Sudut benar-benar terasa seperti padanan yang dibuat di syurga pembangun.

3. Bahan Sudut: Tema Lebih Ringkas dan Komponen Baharu

Bahan Angular terus berkembang dengan setiap keluaran, dan Angular 19 tidak terkecuali, Kemas kini ini memperkenalkan peningkatan merentas dua bidang utama:

API Tema Baharu

• Ringkaskan tema tersuai dengan lebih sedikit baris kod menggunakan API mat.theme.
• Jana palet warna tersuai dengan alat skematik baharu, kini menyokong palet 12 warna yang diperluaskan.

Komponen dan Ciri Baharu

• Seret dan Lepas 2D: Kini menyokong penyusunan semula mendatar untuk lebih fleksibiliti.
• Komponen Pemilih Masa: Tambahan yang ditunggu-tunggu.
• Dokumentasi Tema yang Diperbaiki: Panduan mesra pemula dan arahan khusus komponen terperinci.

4. Penghidratan Bertambah: Ciri Prestasi Mengubah Permainan

Penghidratan salah satu ciri terbaik Angular, berkembang sejak beberapa versi lalu dengan inovasi seperti penghidratan aplikasi penuh, menangguhkan tontonan dan main semula acara. Berdasarkan asas ini, Jessica Janiuk memperkenalkan salah satu tambahan yang paling menarik dalam Angular 19 penghidratan tambahan, kini tersedia dalam pratonton pembangun.

Cara Ia Berfungsi

• Pelayan memaparkan kandungan sebenar dan bukannya ruang letak.
• Pada pelanggan, kandungan kekal dehidrasi sehingga dicetuskan (cth., melalui interaksi atau memasuki ruang pandang).

Faedah

• Masa pemuatan awal yang lebih pantas.
• Himpunan JavaScript yang lebih kecil.
• Mengurangkan anjakan reka letak dan berkelip untuk pengalaman pengguna yang lebih lancar.

Kesimpulan

Itu sahaja buat masa ini! Saya menghargai anda meluangkan masa untuk membaca artikel saya, dan saya ingin mendengar pendapat dan maklum balas anda. Sambil saya terus memperbaiki penulisan saya, pandangan anda amat berharga.

Anda boleh berhubung dengan saya di:

• Bluesky: mohamedlamine.bsky.sosial
• X (Twitter): @Mohamed_LamineF
• LinkedIn: mohamedlaminef

Atas ialah kandungan terperinci Perkara Baharu dalam Komponen Kendiri Sudut, Isyarat dan Banyak Lagi!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!