؟ يا زميل المدمن الزاوي

هذا هو العدد التاسع والعشرون من النشرة الإخبارية لمدمني Angular، وهي عبارة عن مجموعة شهرية من موارد Angular المختارة بعناية والتي لفتت انتباهي. (هنا الأعداد 28، 27، 26)

?الافراج عن الإعلانات

؟ ما الجديد في Angular 18.2؟

تم إصدار Angular 18.2، أحدث إصدار ثانوي من Angular، في أغسطس. يغطي سيدريك إكسبرايات الميزات الرئيسية الجديدة:

• تدفق تلقائي في FakeAsync
• مساعد مستقر
• defaultQueryParamsHandling في جهاز التوجيه
• تم الترحيل لترحيل حقن التبعية عبر المُنشئ إلى وظيفة الحقن
• الترحيل لتحويل المكونات المستقلة المستخدمة في المسارات ليتم تحميلها ببطء
• تشخيصات جديدة لالتقاط الوظائف غير المطلوبة في روابط الأحداث وإعلاناتlet غير المستخدمة
• دعم تكوين أداة التحميل المستندة إلى السمات في المنشئ

؟ إن إكس 19.5 هنا! Stackblitz، Bun، Incremental Builds for Vite، Gradle Test Atomizer

تم إصدار أحدث إصدار ثانوي من Nx الشهر الماضي. يلخص Zack DeRose الميزات الجديدة:

• دعم StackBlitz
• دعم Bun و pnpm v9
• اكتشاف المهام غير المستقرة المحلية
• تحسينات عرض تفاصيل المشروع
• دعم النمط للإعدادات المستهدفة
• يمكن الآن للأهداف الفردية إلغاء الاشتراك في التوازي
• دعم الإصدارات المتزايدة لـ Vite
• مشروع مولدات التحويل الكريستالية
• يبني مركب Gradle الدعم
• تجريبي: ذرات اختبار Gradle
• الإصدار التجريبي: يضيف إصدار Nx دعم الإصدارات المستندة إلى الملفات
• دعم React 19 (rc) وAngular 18.1

جواهر زاوية لشهر أغسطس 2024

مكتبات ضمنية مع Nx: بنيات زاوية خفيفة الوزن حسب الاتفاقية

يُظهر لنا مانفريد ستاير بنية يتم فيها اشتقاق تكوينات المكتبة بواسطة مكون Nx الإضافي باستخدام الاتفاقيات. باستخدام المكتبات الضمنية، يمكننا إنشاء مكتبة جديدة عن طريق إنشاء مجلد بملف Index.ts.

فكرة المكتبات الضمنية تأتي من تدوينة يونس الجعيدي. كما كتب أيضًا دليلاً خطوة بخطوة حول هذا الموضوع.

?استخدام الوحدات المعزولة في Angular 18.2

Angular 18.2 يدعم وحدات TypeScript المعزولة. قد تعمل هذه الميزة على زيادة أوقات بناء الإنتاج. يشرح مارك طومسون وتشارلز ليدينج كيفية عمل هذه الميزة وكيفية إعدادها في مشروع Angular.

?المستقبل قائم بذاته!

في Angular 19، سيكون الإعداد المستقل: true هو الإعداد الافتراضي للمكونات والتوجيهات والأنابيب. يوضح Alex Rickabaugh أنه لن يتم إهمال NgModules، وسيكون هناك ترحيل تلقائي من شأنه:

• إزالة المكونات المستقلة: صحيح بالنسبة للمكونات المستقلة الحالية
• إضافة مستقل: خطأ إلى مكونات NgModule الحالية حتى تستمر في العمل

?إنشاء Envless الزاوي التطبيق

يشرح مكسيم دولجيخ في مقالته كيفية الانتقال من التعليمات البرمجية المضمنة لكل بيئة إلى البنية العامة التي يمكن استخدامها في أي مكان. يقترح حلين:

• احصل على التكوين من خادم التكوين
• استخدم Docker وقم بإنشاء ملفات تكوين JSON أثناء مرحلة استرجاع صورة Docker

قم بتوصيل مكون رد فعل بسيط إلى Angular

يقارن Chau Tran بين نماذج تكوين React وAngular، ويشرح كيفية استخدام المكونات Selection وSelect في React Three Fiber، ويقدم دليلاً تفصيليًا حول نقل هذه المكونات من React إلى Angular.

‍?عن المؤلف

اسمي Gergely Szerovay، عملت كعالم بيانات ومطور متكامل لسنوات عديدة، وكنت أعمل كقائد تقني للواجهة الأمامية، مع التركيز على تطوير الواجهة الأمامية المستندة إلى Angular. كجزء من دوري، أتابع باستمرار كيفية تطور مشهد تطوير Angular والواجهة الأمامية بشكل عام. لمشاركة معرفتي، بدأت النشرة الإخبارية الشهرية والنشر لـ Angular Addicts في عام 2022، حتى أتمكن من إرسال أفضل الموارد إليك كل شهر. سواء كنت مدمن Angular متمرسًا أو مبتدئًا، فأنا أضمن لك ذلك. اسمحوا لي أن أعرف إذا كنت ترغب في أن يتم إدراجك ككاتب. هيا نتعلم Angular معًا! اشترك هنا ?

تطورت Angular بسرعة كبيرة خلال السنوات القليلة الماضية، وفي العام الماضي، مع ظهور الذكاء الاصطناعي التوليدي، تطورت أيضًا مسارات عمل تطوير البرمجيات لدينا بسرعة. من أجل متابعة تطور تطوير البرمجيات المدعومة بالذكاء الاصطناعي عن كثب، قررت البدء في إنشاء أدوات الذكاء الاصطناعي بشكل عام، ونشر التقدم الذي أحرزته على AIBoosted.dev. انضم إلي في هذه الرحلة التعليمية: اشترك هنا؟

تابعني على Substack (Angular Addicts)، أو Substack (AIBoosted.dev)، أو Medium، أو Dev.to، أو Twitter أو LinkedIn لمعرفة المزيد حول Angular، وكيفية إنشاء تطبيقات الذكاء الاصطناعي باستخدام AI، وTypescript، وReact، وAngular!

️الأعداد السابقة

إذا فاتتك الأعداد السابقة من النشرة، يمكنك قراءتها هنا، وهذه هي أحدث 3 أعداد:

• Angular Addicts #28: Angular 18.1، اختبار المكونات، دليل SSR والمزيد
• Angular Addicts #27: NgRx 18، RFC الجديد: DomRef API، تخزين الويب مع الإشارات والمزيد
• Angular Addicts #26: Angular 18، أفضل الممارسات، تسجيلات المؤتمرات الأخيرة والمزيد

؟ إرسال الموارد الزاوي الخاص بك

هل وجدت أو كتبت مقالة أو تغريدة أو أي مصدر آخر مثير للاهتمام يتعلق بـ Angular مؤخرًا؟ من فضلك اسمح لي أن أعرف هنا في التعليقات أو أرسل لي رسالة مباشرة على Twitter! قد أعرضه في العدد القادم من Angular Addicts!