مستقبل الزاوي!

Angular ، هي الآن واحدة من أكثر إطارات عمل JavaScript المحبوبة ومعيارًا للتطبيقات واسعة النطاق. Angular مفيد لمشاريع تطبيق الصفحة الواحدة (SPA). توسع Angular HTML DOM بسمات إضافية من خلال كونها مجانية تمامًا ومفتوحة المصدر. تبين أن إطار عمل JavaScript هو بديل مشهور مهم لتطوير التطبيقات بسهولة. Angular هو إطار عمل للواجهة الأمامية لـ Google يعتمد على الميزات الشاملة لجافا سكريبت. تتيح تطبيقات الصفحة الواحدة (SPA) أيضًا للمطورين إنشاء مواقع الويب بشكل أسهل وأسرع وأفضل أيضًا ، مما يؤدي بدوره إلى زيادة مزايا العملاء بشكل فعال.

كان Angular أول إطار عمل يعطيني لمحة عن ماهية إطار عمل JavaScript. الآن بعد أن خرج Angular 7 وكل الفوضى المتعلقة بتغيير الاسم وتغيير إطار العمل وراءنا ، أنا مقتنع بأنه بالنسبة لتطبيقات الويب واسعة النطاق ، فإن Angular ليس الحل الأفضل فحسب ، بل هو الحل الوحيد القابل للتطوير الذي يمكن استخدامه بغض النظر عن حجم تطبيقك الذي تتوقعه. لا يزال لدى React مكان للتطبيقات الصغيرة والمتوسطة الحجم. في الواقع ، في هذه الفئة يتفوق على Angular نظرًا لإمكانية نقله عبر الأنظمة الأساسية من خلال React Native وكذلك سهولة استخدامه كإطار عمل مع منحنى تعليمي أقصر.

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

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

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

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

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

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

مع Angular 6 ، حصل RxJS أيضًا على تحديث رئيسي وهو بكل المقاييس يتبع إصدار Angular الدلالي الآن. بشكل أساسي ، يتيح RxJS 6 استخدام RxJS في أي بيئة JavaScript ، مع Angular أو بدونه. في أعقاب التغيير إلى Observables وبعيدًا عن الوعود ، أنا مقتنع بأنهم يمنحون أي مهندس برمجيات قدرة أكبر على التكيف بشكل ملحوظ حول إدارة التعليمات البرمجية غير المتزامنة.

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

قصة طويلة قصيرة ، Angular كما هي ستظل موجودة طالما أن تطبيقات الويب موجودة. أتوقع تمامًا أن تقوم إصدارات Angular في المستقبل بتنفيذ جميع التغييرات الجديدة على JavaScript وحتى دمج Web Assembly. سأذهب إلى حد القول إنه سيكون دائمًا صالحًا في المستقبل.