يعرض مؤلف المادة ، الذي ننشر ترجمته اليوم ، التأمل في مستقبل تطوير الويب. عندما تبدأ اتجاهات شعبية التكنولوجيا في التحول إلى مكتبة React ، من السهل الشعور بأهمية مسألة مدى ملاءمة ، بعد فترة ، سوف يتحول إطار Angular. من الواضح أنه في النهاية ستحصل تقنية واحدة فقط على المركز الأول ، وهذا يفرض على مطوري الويب ، وخاصة أولئك الذين بدأوا للتو ، أن يتساءلوا عما يختارونه.
منذ أن قام Facebook بتغيير ترخيص React من BSD إلى MIT ، يبدو أن هذه المكتبة ازدهرت في كل ركن من أركان سوق تطوير الويب العالمي. ومع ذلك ، فإن رجال الأعمال والشركات الناشئة عادة لا يفهمون هذا على الفور أيضًا ، React ليس نظامًا شاملاً للتطوير الأمامي. هذه مجرد مكتبة ، واحدة من العديد من لبنات البناء ، من بين العديد منها تساعد على تحويل تطبيق صغير بسرعة إلى مشروع أكبر ، إلى نظام قائم على مكونات معزولة عن بعضها البعض.
رد فعل المواجهة والزاوي
غالبًا ما يستخدم Facebook كمثال رئيسي على نجاح React. لكن هذه المكتبة هي مجرد قطرة في محيط الكم الهائل من التكنولوجيا التي يستخدمها هذا العملاق التقني. إنها ، في النهاية ، مكتبة JavaScript لتطوير الواجهات.
الزاوية ، من ناحية أخرى ، عبارة عن مجموعة من المكتبات التي تعمل مع بعضها البعض وتشكل كليًا واحدًا.
هناك بعض المهام التي يمكن حلها من الناحية النوعية عن طريق الزاوي ، والتي يتم إهمالها تماما في React ، في حين أن هناك شيء آخر في React أكثر كفاءة. سيكون المطورون دائمًا يميلون إلى حقيقة أنهم يعرفون جيدًا ، ونتيجة لذلك ، لن يحاولوا حتى النظر في النماذج الأخرى التي قد تناسب وضعهم بشكل أفضل. أو ربما هذا النوع من التفكير غالبًا ما يكون سمة مميزة للمطورين الجدد والمبتدئين.
على الرغم من تزايد شعبية React ، لا ينبغي لأحد أن ينسى أن Angular تتمتع بدعم جاد من شركة ليست في حجمها أدنى من Facebook ، أو حتى تتفوق عليها. إنه حول Google. في الوقت نفسه ، تطورت النظم الإيكولوجية القوية بنفس القدر حول منهجيات التطوير الأمامية التي روجت لها Angular و React ، والتي توجد فيها أحداث خطيرة ، بالإضافة إلى متخصصين رئيسيين يدافعون عن هذه التكنولوجيا أو تلك. صحيح ، هناك تقنية أخرى تنمو من حيث الشعبية ، وتقع ، بناءً على ما تقدمه للمطور ، بين Angular و React. هذا هو إطار فو.
فيو
بيانات من اتجاهات جوجل. الخط الأحمر - الزاوي ، الأزرق - رد الفعل ، الأصفر - فيوإطار Vue هو الوافد الجديد إلى "فئة" أدوات التطوير الأمامية ، شعبيته تنمو تدريجياً ، وبالتالي ، نتحدث عن React and Angular ، يجب ألا ننسى الأمر. على الرغم من أن المجتمع حول Vue أصغر بكثير من مجتمعي Angular و React ، إلا أن الشعبية المتزايدة لـ Vue يمكن تفسيرها من خلال كونها أداة خفيفة الوزن ، ليست معقدة مثل Angular ، ولكنها تقدم للمبرمج ميزات أكثر من تلك المتوفرة في وظيفة React الأساسية.
منشئ Vue معتاد جدًا على إطار AngularJS. المبادئ التي تقوم عليها هي أقوى بكثير مما كانت عليه في حالة الزاوي الحديث ، تذكرنا بالمبادئ الكامنة وراء رد الفعل.
تحديات تبني التكنولوجيا وعادات المبرمجين
مما لا شك فيه ، أنه من السهل معرفة React ، فقط قم بإنشاء تطبيق كامل الوظائف يستند إلى هذه المكتبة ، والتي ، دون أي مشاكل ، يمكن تحويلها إلى تطبيق جوال أصلي. هذه المكتبة شائعة بين المطورين المبتدئين.
من الصعب السيطرة على Angular قبل أن تتمكن من إنشاء شيء على أساس هذا الإطار ، سيكون عليك التعامل مع بعض الأشياء الإضافية. يستعير هذا الإطار مفاهيم وأيديولوجيا Java ، وهي تقنية تُستخدم أساسًا في تطوير الواجهة الخلفية وتلعب دورًا مهمًا في البنية الأساسية لبرامج Google. على Facebook ، من ناحية أخرى ، يستخدم PHP على نطاق واسع ، مما أدى إلى تأثير قوي على المبادئ التي اعتمدتها React في هذه اللغة.
يمكنك بسهولة قضاء يوم كامل في مقارنة React and Angular ، لكن الشيء الأكثر أهمية الذي نستخلصه من هذه المقارنة هو أن كلا النظامين يتميزان بمجتمعات قوية وقادرة على جذب المبرمجين ذوي الخبرة مع تقنيات معينة. تجدر الإشارة إلى أن الشركات الناشئة تميل أكثر نحو React ، حيث أنها تسعى لضمان أن الأدوات التي تستخدمها توفر لأدنى مستوى ممكن من العبء الإضافي على المطورين. يعتمد بقاؤهم على مدى سرعة قدرتهم على دخول السوق ، ومدى قدرتهم على تلبية الطلب ، ومدى دقة قدرتهم على الاندماج في الاتجاهات.
لكن العديد من الشركات الناشئة تفتقد إلى شيء واحد مهم: فكلما انخفضت حواجز الدخول ، انخفضت الجودة. نظرًا لأن المزيد من المبرمجين الذين يدرسون ذاتهم يظهرون يعتمدون على موارد المجتمع حول React ، فإن بعض الأشياء ، مثل نماذج البرمجة ونظافة الكود ، تتلاشى في الخلفية. هذا لا يعني أن كل شيء أفضل بكثير في بيئة الزاوي ، ولكن في حالة الزاوي ، يجب على المبرمج العمل ضمن إطار جامد إلى حد ما المنصوص عليها في هذا الإطار. رد فعل لا يوجد لديه مثل هذا الإطار.
تتمتع Vue بمساحة معيشة صغيرة خاصة بها ، ويُقصد بهذا الإطار أن يكون الإجابة على السؤال الذي هو الأفضل ، الزاوي أو التفاعل ، لأولئك الذين لا يريدون بدء متاريس أحد الأطراف المتحاربة ، بدء مسار مطور ويب.
ما الذي يستخدم netflix؟
اتضح أن Netflix ، من بين العديد من التقنيات وأدوات البنية التحتية الأخرى ، يستخدم React. إذا كنت تتخيل جهاز تطبيق ، إذا جاز التعبير ، من وجهة نظر عين الطائر ، فقد تبيّن أن التقنيات الأمامية لا تشكل سوى جزءًا صغيرًا مما يتم استخدامه في المشروع.
PayPal ، من ناحية أخرى ، يستخدم Angular ، فإنه ينتج تسلسلات من أحرف
ng ، هنا وهناك توجد في كود HTML الذي تم إنشاؤه بواسطة موارد الشركة.
PayPal HTMLتعد Netflix و PayPal من الشركات الضخمة التي تحتل مجالات معينة في السوق. كلاهما لا علاقة لهما بزاوية أو تفاعل ، بمعنى أن جوجل وفيسبوك يرتبطان بهما. لكن كل من هذه الشركات ، التي تختار ، على التوالي ، React أو Angular ، تحل بمساعدة تقنية أو أخرى مهمة تطوير واجهات تطبيقاتها.
هنا يمكننا أن نقول أن الكود القديم ، أو أي شيء آخر ، قد أثر على اختيار التقنيات من قبل هذه الشركات. لكن لدى كلتا الشركتين موارد كافية لتوظيف أكبر عدد ممكن من المبرمجين حسب الحاجة للعمل على الكود الخاص بهم باستخدام التقنيات المختارة.
بالمناسبة ، من المثير للاهتمام أن نلاحظ أن GitLab ، منذ عام 2016 ، تستخدم
Vue .
الأداة ليست هي الشيء الرئيسي. الشيء الرئيسي هو حل المشاكل
هناك شعور بأنه في المناقشات الساخنة حول التكنولوجيا التي هي أفضل من الأخرى ، فإنهم ينسون مسألة مهمة للغاية ، وهي بالضبط ما هو أفضل ما يمكن أن يحل مشكلة معينة ، للمساعدة في تحقيق هدف معين.
إذا كان الهدف هو سرعة التطوير بميزانية صغيرة ، فمن الأفضل أن ننظر إلى React. إذا كنت بحاجة إلى شيء أكثر طموحًا وشموليةً وتكييفًا جيدًا للمشاركة ، فهناك مجموعة من الأدوات التي تسمح للمطورين بإنشاء دراسة أكثر جدية لهذه المجموعة من الأدوات من قبل المطورين لإنشاء حلول أكثر موثوقية ، لذا يجب عليك اختيار Angular. ولكن ماذا لو كنت بحاجة إلى اتخاذ كل التوفيق من عوالم رد الفعل والزاوي؟ سوف يرى مؤيدو Vue بالتأكيد في هذا الموقف مثالاً جيدًا لإطار عملهم المفضل.
شعبية Angular لا تسقط مع مرور الوقت. بدلا من ذلك ، يمكن أن نتحدث عن تحويل تركيز الانتباه. في حين أن React تستهلك "قطعة من الكعكة" أكبر من النظام البيئي للتنمية الزاوي ، إلا أن Angular ، على الرغم من نمو React ، لا تزال لا تفكر في فقدان الأرض.
معلومات حول نتائج البحث من Google Trends لمدة 5 سنوات. الخط الأحمر - الزاوي ، الأزرق - رد فعلبالإضافة إلى ذلك ، تجدر الإشارة إلى أن Angular ، كما يمكنك القول ، أعادت بناء مجتمعها بشكل عملي بعد أن تطور هذا الإطار من AngularJS إلى ما هو موجود اليوم. على الرغم من أن هذا الإطار كان لديه الكثير من المتابعين ، فقد اضطر جميعهم ، بعد إصدار Angular 2 ، إلى إعادة التعلم.
إذا قمنا بتحليل الموقف مع وضع ذلك في الاعتبار ، اتضح أن الزاوي ، في الشكل الذي يعرف به اليوم ، أصغر بثلاث سنوات من React. في الواقع ، يمكن تجاهل النسخة الأصلية من Angular ، نظرًا لاختلافها من Angular 2+.
النتائج
إذا كنت مطور مبتدئ يحاول العثور على إجابة لسؤال حول ما يحتاج إلى تعلمه ، فمن المستحسن عدم التفكير في الأمر أكثر من اللازم. بعد كل شيء ، في النهاية ، يتعلق الأمر بجافا سكريبت عادي ، لذلك قد يكون من الأفضل أن نتعلم أولاً التقنيات الأساسية ، ومن ثم التعامل مع كل أنواع "الأشياء المثيرة للاهتمام".
مهما تكن التكنولوجيا التي تختارها ، فسوف تتعامل مع الأفكار التي تنطبق على التقنيات الأخرى التي تسهل التعامل معها. الشيء الأكثر أهمية هو أن تدرس إطارك الأول جيدًا حقًا ، وتعلم كيفية استخدامه مع شيء يتجاوز تطبيق ToDo سيئ السمعة.
نسعى جاهدين لتصبح مطورًا على دراية جيدة بنماذج البرمجة ، ولا تحاول التعلق بشيء واحد. من بين أشياء أخرى ، دراسة بنية التطبيقات وتصميم المكونات وتطويرها وفهم ميزات سلوك تدفق البيانات في التطبيقات والتقنيات الرئيسية لإدارة حالة التطبيقات.
القدرة على استخدام المعرفة والمهارات من هذا النوع بحرية ، بغض النظر عن النظام الأساسي المحدد - وهذا ما يميز المبرمجين المبتدئين والمبرمجين من المستوى المتوسط عن المتخصصين من الدرجة العالية.
أعزائي القراء! ما هي الاعتبارات التي تتبعها عند اختيار أدوات التطوير الأمامية لمشاريعك؟
