ما نقرأه في مايو: مراجعات Ivy وإصدار Nest 5 ونصوص مفيدة أخرى لمطوري Angular


بالنسبة لأولئك الذين ، خلال عطلة نهاية الأسبوع الطويلة ، مستعدون ليس فقط لتناول الشواء ، ولكن أيضًا لقراءة جميع أنواع النصوص الضرورية ، فقد جمعت عشرة روابط لشهر مايو من قناة مطوري Vimbox في شركة Skyeng Slack. مثل المرة الأخيرة ، تتركز المجموعة حول الإطار الزاوي وستكون مثيرة للاهتمام للمبرمجين الذين يعملون معها.


محرك Ivy في Angular: نظرة أولى على التجميع ووقت التشغيل واكتشاف التغيير


تحليل ممتاز لجهاز عرض Ivy القادم: يوضح بشكل عام سبب صنعه وكيف يعمل في الداخل.


"قبل أن نبدأ في تفاصيل التنفيذ ، أود أن أكرس بضع فقرات للإجابة على السؤال الذي يطرح دائمًا في رأسي حول أي تغييرات. هذا هو السؤال الأبدي: لماذا؟


تفاصيل حول المفهوم المذكور في مقالة Incremental DOM المنفذة في عارض Ivy ، واختلافاته عن DOM الظاهري - في هذه المقالة .


حسنًا ، بالنسبة لأولئك الذين يشعرون بالملل تمامًا - مستند التصميم الرسمي لمترجم Ivy .


تنفيذ الكشف عن التغيير في Angular Ivy: هل أنت مستعد؟


مراجعة مصغرة أخرى من قبل عارض Ivy مع صور متحركة حول عمل اكتشافات التغيير / خطافات الدورة الحية ، والتي تظهر من خلال هيكل الأشياء الداخلية والعروض التوضيحية حيث يمكنك الشعور بها بيديك.


لحظة ممتعة من المقال:


RxJS: تجنب التسريبات باستخدام TakeUntil


ملاحظة قصيرة حول لماذا يجب أن يكون takeUntil هو الأخير دائمًا.


" ما هي المشكلة؟
إذا كان عامل takeUntil موجودًا أمام المشغل الذي ينشئ الاشتراك الجديد ، takeUntil استلام إشعار إلغاء الاشتراك في takeUntil لن takeUntil هذا المشغل takeUntil الاشتراك وسيواصل العمل.


كيف تتعلم التفكير بطريقة تفاعلية وتحريك الأشياء المتحركة باستخدام RxJS


عمل رسوم متحركة باستخدام RxJS


"كلما واجهت مشكلة يلعب فيها الوقت وعدم التزامن دورًا ، فإن التفكير التفاعلي إلى جانب المكتبات التفاعلية مثل RxJS سيقودك إلى حل أبسط وأكثر موثوقية. في هذا العالم من الاتصالات المستمرة ، فإن الغيوم والمنصات غير المحظورة والخدمات الدقيقة والوقت وعدم التزامن ستلعب دورًا متزايد الأهمية ".


لماذا حان الوقت للتخلي عن النماذج القائمة على القوالب


لماذا يستحق استخدام أشكال رد الفعل فقط ونسيان جميع أنواع ngModel. باختصار وإلى النقطة.


"لماذا لا تستخدم كليهما؟"


لدي أربعة أسباب:
1. التنمية الصعبة.
2. سيتعين علينا تحميل كلاهما ، وستصبح الحزمة أكثر قليلاً.
3. لا يمكننا التنبؤ بما سيختاره المطور ، لذلك سيكون من الصعب معالجة طلبات السحب.
4. في رأيي ، من المنطقي دائمًا الالتزام بنموذج واحد إذا لم تكن هناك أسباب جدية لعدم القيام بذلك ".


سبع خطوات للملاحة مع جهاز التوجيه الزاوي


تشريح سطح كافي @angular/router ، أو ما يحدث عند التنقل.



"من هذه المقالة ، تعلمنا ما يفعله جهاز التوجيه الزاوي عندما ينتقل المستخدم من صفحة إلى أخرى.


يمكنك استخدام فن الإستذكار PRIGRAM :
الحمار
R موجه
أعني
حاء
حل
سيارة
M anage
لتذكر ترتيب الخطوات التي اتخذها جهاز التوجيه الزاوي.


ستسمح لك معرفة هذه العملية بفهم أفضل لما يحدث خلف الكواليس ، والمساعدة في علاج المشكلات المحتملة في التوجيه. "


إدخال زاوية مختلفة


قصة عن كيفية اختلاف الترتيب في Angular بمثال كتابة قصة خاصة بهم.


"قد تختلف الزاوي الأقل من واجهات برمجة التطبيقات المعروفة ؛ هذه هي كتل محسنة للغاية تستخدمها Angular نفسها داخل الإطار (ngClass ، ngStyle ، ngFor ، إلخ).


من المؤكد أنك لن تستخدمها يوميًا ، ولكنها يمكن أن تكون مفيدة جدًا في ظل ظروف معينة. إذا قلت لنفسك في أي وقت: "لا يكفي بالنسبة لي أن أعرف أن شيئًا ما قد تغير ، فأنا بحاجة إلى معرفة ما تغير بالضبط ،" ستعطيك الاختلافات الزاويّة إجابة.


تريد إنشاء عناصر الزاوي؟ أقول لك!


مثال بسيط على كيفية الحصول بسرعة على @angular/elements بتكوين حزمة ويب بسيط للتجميع.


"يرجى ملاحظة أننا قمنا بكل شيء يدويًا ومن البداية .


في المستقبل يجب أن تصبح ، وسوف تصبح أسهل. من المتوقع أن يتم تكوين كل شيء داخل Angular CLI ، وسيكون إنشاء تجميع لعنصر أمر cli واحد.


ولكن إذا سمعت عن Angular Elements وتريد تجربتها - فهذا أحد الحلول الممكنة. سأشارك الثاني في المقال التالي ".


إتمام الكشف عن التغيير في دليل استراتيجية الدفع


وصف مفيد لكيفية عمل ChangeDetection.OnPush ، دون الدخول في Angular Code. إنه مفيد جدًا لأولئك الذين ليسوا على دراية / يفهمون بشكل جيد كيفية العيش معه.


"تسمى هذه التقنية بالفحص القذر. لمعرفة ما إذا كان القالب بحاجة إلى تحديث ، يجب أن تأخذ Angular قيمة جديدة ، ومقارنتها مع القالب القديم ، وبناءً على ذلك ، اتخذ قرارًا بالتحديث.


تخيل تطبيقًا رائعًا يحتوي على آلاف المجلدات ؛ إذا تركنا اختبار Angular لكل منهم أثناء دورة الكشف عن التغيير ، فسوف نواجه مشكلات في الأداء.


ماذا لو ساعدت Angular من خلال التلميح إليه بموعد التحقق من مكوناتنا؟ "


Nest 5: الإصدار الرسمي


تم إصدار الإصدار الخامس من Nest - إطار الواجهة الخلفية الشبيه الزاوي Node.js على الطباع. تم جعلها أكثر تجريدًا (مما يسمح لك باستخدام أي خادم http ، وليس فقط صريحًا) ، وتعديل بناء الجملة لتتناسب مع Angular (الديكور / الوحدات النمطية) ، وتمشيط وحدة الخدمات الصغيرة ، مما يسهل قطع محولاتها ومكتبات RPC بدلاً من الافتراضي.


حسنًا ، تقليدي: تعال إلينا للعمل! نحن دائما بحاجة إلى أناس رائعين !

Source: https://habr.com/ru/post/ar413763/


All Articles