Penagih Sudut # NgRx menggunakan Model Objek Halaman dalam ujian, Micro Frontends menggunakan Vite & banyak lagi

?Hei rakan Penagih Angular

Ini ialah terbitan ke-33 Surat Berita Angular Addicts, koleksi bulanan sumber Angular yang dipilih dengan teliti yang menarik perhatian saya. (Berikut ialah keluaran ke-32 ke-31 dan ke-30)

? Keluarkan pengumuman

? Mengumumkan NgRx 19: Ciri Isyarat NgRx, Isyarat Tindakan dan banyak lagi!

Brandon Roberts mengumumkan versi terbaru NgRx, beberapa ciri baharu:

• SignalStore memperkenalkan ciri withProps untuk menentukan sifat statik atau boleh diperhatikan dalam SignalStore semasa penciptaan.
• Fungsi utiliti signalMethod baharu, ia memberi anda manfaat rxMethod dengan keupayaan untuk menggunakan hanya menggunakan isyarat.
• Semak mod pembangunan dalam fungsi patchState memastikan keadaan tidak berubah semasa pembangunan.
• Gedung NgRx kini menyokong penghantaran tindakan pada perubahan Isyarat.

?Permata Sudut Disember, 2024

? Gaya Pengekodan Sudut baharu saya

Kevin Kreuzer telah menulis semula pangkalan kod yang besar menggunakan Signals dan API Angular baharu baru-baru ini. Dalam artikel ini, beliau menerangkan gaya dan corak pengekodan baharu yang muncul semasa pemfaktoran semula. Perkara utama termasuk penggunaan komponen kendiri sebagai standard, peralihan kepada menggunakan Isyarat untuk kereaktifan dan menjauhi cangkuk kitaran hayat tradisional.

? Menggunakan API Sumber Angular dengan Kedai Isyarat NGRX

Manfred Steyer menunjukkan cara menggunakan ciri SignalStore denganProps dengan API Sumber. Panduannya juga termasuk menyambungkan borang dipacu templat menggunakan linkedSignal dan signalMethod.

? Menggunakan corak reka bentuk Model Objek Halaman dalam aplikasi Sudut

Artikel Francesco Borzì membincangkan pelaksanaan corak reka bentuk Model Objek Halaman (POM) dalam aplikasi Sudut. POM membenarkan ujian memfokus pada "apa" yang perlu dilakukan manakala objek halaman mengendalikan "bagaimana" interaksi dengan DOM dilakukan, yang membawa kepada kod ujian yang lebih bersih dan boleh diselenggara. Francesco turut memperkenalkan perpustakaan baharunya, model-objek-ngx-page, yang direka untuk memudahkan penggunaan POM dalam ujian komponen Sudut dan serasi dengan pelbagai rangka kerja ujian.

? Sediakan seni bina Micro-Frontend dalam masa 15 minit dengan Vite!

Dalam artikelnya, Meidi Airouche menggariskan penciptaan seni bina bahagian hadapan mikro menggunakan Vite, menyepadukan komponen Vue.js, Angular dan React ke dalam portal berita modular. Projek ini menggabungkan:

• Pengepala Vue.js untuk navigasi
• Bahagian React Trending untuk artikel terkini
• Kawasan Sorotan Sudut untuk kandungan popular

? Menguasai Komunikasi Komponen dalam Sudut

Michał Grzegorczyk menyediakan gambaran menyeluruh tentang pelbagai kaedah untuk memudahkan komunikasi antara komponen dalam aplikasi Sudut. Topik utama yang diliputi termasuk:

• Input, Output, Setter dan cangkuk kitaran hayat ngOnChanges
• @Perkhidmatan Suntikan
• Suntikan Komponen/Arahan
• Pembolehubah templat (#)
• Unjuran Kandungan (@ContentChild / contentChild() / @ContentChildren / contentChildren())
• Lihat dan Senarai Pertanyaan (@ViewChild / viewChild() / @ViewChildren / viewChildren())
• Penghalaan (parameter, pertanyaan, denganComponentInputBinding(), nyatakan objek)

??Tentang pengarang

Nama saya Gergely Szerovay, saya bekerja sebagai saintis data dan pembangun tindanan penuh selama bertahun-tahun, dan saya telah bekerja sebagai peneraju teknologi hadapan, memfokuskan pada pembangunan bahagian hadapan berasaskan Angular. Sebagai sebahagian daripada peranan saya, saya sentiasa mengikuti perkembangan Angular dan adegan pembangunan bahagian hadapan secara amnya. Untuk berkongsi pengetahuan saya, saya memulakan surat berita dan penerbitan bulanan Angular Addicts pada tahun 2022, supaya saya boleh menghantar kepada anda sumber terbaik yang saya temui setiap bulan. Sama ada anda seorang Penagih Angular yang berpengalaman atau seorang pemula, saya dapat membantu anda. Beritahu saya jika anda ingin dimasukkan sebagai penulis. Mari belajar Angular bersama-sama! Langgan di sini?

Angular telah berkembang dengan sangat pesat sejak beberapa tahun lalu, dan pada tahun lalu, dengan peningkatan AI generatif, aliran kerja pembangunan perisian kami juga telah berkembang dengan pesat. Untuk mengikuti evolusi pembangunan perisian berbantukan AI, saya memutuskan untuk mula membina alatan AI secara terbuka dan menerbitkan kemajuan saya di AIBoosted.dev. Sertai saya dalam perjalanan pembelajaran ini: Langgan di sini ?

Ikuti saya di Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter atau LinkedIn untuk mengetahui lebih lanjut tentang Angular dan cara membina apl AI dengan AI, Typescript, React dan Angular!

?️Isu sebelum ini

Jika anda terlepas keluaran surat berita sebelumnya, anda boleh membacanya di sini, ini ialah 3 isu terkini:

• Angular Addicts #32: Angular 19, panduan Gaya baharu RFC & banyak lagi
• Angular Addicts #31: API Sumber baharu, kemas kini kesan & banyak lagi
• Angular Addicts #30: Bila hendak menggunakan kesan, ciri Angular DI, permintaan caching & banyak lagi

? Serahkan sumber Angular anda

Adakah anda menemui atau menulis artikel, tweet atau sumber lain berkaitan Sudut yang menarik sejak kebelakangan ini? Sila beritahu saya di sini dalam komen atau hantarkan DM saya di Twitter! Saya mungkin memaparkannya dalam isu Angular Addicts seterusnya!

Atas ialah kandungan terperinci Penagih Sudut # NgRx menggunakan Model Objek Halaman dalam ujian, Micro Frontends menggunakan Vite & banyak lagi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!