يمكن للإشارات تحويل أجزاء من قاعدة الشفرة إلى الأفضل ؛ اكتشف كيف ولماذا.

في 15 فبراير 2023 ، قدم فريق Angular الإشارات إلى الإطار بطلب سحب بسيط. منذ ذلك الحين ، كانت هناك مناقشات حادة في مجتمع Angular حول استخدامها وفوائدها. حتى أن العديد بدأوا في وضع نماذج أولية باستخدام الإشارات لتجربة وظائفها.

دعنا نلقي نظرة على كيفية عمل هذه الميزة الجديدة ، وبناء الجملة الخاص بها ، وكيفية استخدامها بمجرد طرحها بالكامل.

ما هي الإشارات؟

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

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

كيفية استخدام الإشارات في Angular

ستبدو الإشارة كما يلي:

@عنصر({
المحدد: 'تطبيقي',
مستقل: حقيقي,
نموذج: `
العدد: {{count ()}} </div>
مزدوج: {{double ()}} </div>

changeCount () {
هذا.count.set (5)
}
}

instagram viewer

في مكون التطبيق هذا ، يعد العد المتغير إشارة تمت تهيئتها بقيمة صفر. ثم تتم الإشارة إلى count داخل double (قيمة محسوبة) والقالب. لذلك ، عندما يقوم النقر فوق الزر بتعيين قيمة العد إلى خمسة ، سيتم تحديث كل من القيمة المحسوبة (مزدوجة) والقيم الموجودة في القالب.

كل جزء من المكون الزاوي الذي يعتمد على الإشارة سيتم تحديثه تلقائيًا بمجرد تغيير القيمة.

لماذا إدخال الإشارات مهم

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

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

ستجمع الإشارات هذين النهجين المنفصلين معًا. يمكن للجميع تعلم الإشارات بشكل افتراضي ، والبدء في تعلم المفاهيم الكامنة وراء التفاعل ، ولا تقلق بشأن الدمج Angular's RX.js إذا كانوا لا يستطيعون أو لا يريدون ذلك.

بمجرد أن تشعر بالراحة مع أساسيات الزاوي وتريد التبديل إلى أسلوب تشفير أكثر وضوحًا ، يمكنك بسهولة إضافة RX.js إلى المفاهيم التي تفهمها بالفعل.

يجب أن تحسن الإشارات البرمجة الزاويّة للجميع

الإشارات هي آلية رد الفعل الجديدة من Angular والتي يمكنك استخدامها لإنشاء قيم تفاعلية ليقرأها المستهلكون. تقوم الإشارة على الفور بإخطار جميع المستهلكين بمجرد تغير قيمتها. تعمل الإشارات على مواءمة عملية التعلم في Angular من خلال الجمع بين المقاربتين الإلزامية والإعلانية للتشفير.

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