Google و Facebook هما العملاقان المحوسبان اللذان يجادلان. إجاباتهم للمصممين Angular و React تظهر مباريات أيضًا. الطلب يساعد على النظر إلى كليهما. تم نشر المقال في البداية هنا
نحو بداية تقدمه ، لم يكن لمراحل الويب SPA وجود إطار عمل قابل للتكيف ، ولكن أساسي لإنشاء المشاريع التي يمكن أن تنقح ، والآن ، مرارا وتكرارا ، تحل محل كل من التطبيقات المحمولة ومنطقة العمل. عندئذٍ ، كان العميل الذي كانت مشكلته أساسية جدًا لاكتشاف تطبيق مجهز لمعالجة المشكلة. على مدار الوقت ، استمرت التطورات في المضي قدمًا مما جعل إدارات الويب تكتسب مكانة واسعة حيث لم يتم تقديم آخر. المطلوب هو ببساطة زيارة موقع للوصول إلى بعض الإدارة. بالفعل ، يمكن معالجة مثل هذه المهمات من خلال المواقع المكتوبة في ActionScript أو Java. ومع ذلك ، فإن تلك الأطر المطلوبة لإدخال إما Flash أو Java في الوقت الحالي بعيدة عن السرعة التي يتوقعها العملاء. تضمين التغريدة
بحلول ذلك الوقت ، تقدمت جافا سكريبت بشكل كاف لتخلي عن خصومها بسبب سرعة وسهولة التحسين والمساعدة المستمرة من مهندسي البرامج. بدأت فترة جافا سكريبت بالتحريض على تعريف مثل SPA (تطبيق صفحة واحدة) والذي أعطى طريقة أخرى للتعامل مع تقدم مراحل الويب. ليس مثل الإطلاق السلائف MPA (تطبيق متعدد الصفحات) ، سمحت SPA لإدارة الويب بالعمل بشكل أسرع كثيرًا لإعطائها فائدة أكثر دقة ملائمة للتغيير التدريجي وفقًا لاحتياجات العملاء. كان العيب الأكبر في JavaScript غير المقيد الذي لم يتمكن من إعطاء تحسن سريع حتى عندما تطلبت إدارة الويب SPA الخام توفير الكثير من الوقت. هذا هو السبب في اختيار Google لمساعدة المنهجية باستخدام نظام يمكنه تمكين المؤسسات المختلفة من إنشاء إدارات الويب المختلطة دون استثمار الكثير من الطاقة في ذلك.
كانت AngularJS هي المرحلة الرئيسية في تقدم SPA حيث تسمح بإنشاء مراحل على شبكة الإنترنت SPA. علاوة على ذلك ، فقد وفرت إنشاء تطبيقات كروس المحمولة إلى جانب برامج منطقة العمل أيضا. بعد ظهور AngularJS ، اختارت بعض المنظمات المختلفة المشاركة في تطوير أطر الويب SPA كذلك. ثم مرة أخرى ، اكتشف Facebook طريقة خاصة به للتعامل مع تحسين مراحل الويب. كان Respond من بين المكتبات الرئيسية المجهزة للتنافس مع المعارضين الصلبة مثل AngularJS. كل الأشياء التي تم وضعها في الاعتبار ، فإن إطاري العمل مثيران للاهتمام بشكل أساسي في التعامل مع الصعوبات المماثلة. على عكس AngularJS التي يتم التحدث بها على أنها نظام SPA فقط ، يمكن React العمل مع كل من MPA و SPA. Rakish هو نظام JavaScript مصنوع على أساس TypeScript.
جوجل هي الشركة التي تواصل إنشاء ودعم الهيكل. عند نقطة الانطلاق المطلقة ، ظهر البديل Angular 1 الذي كان يسمى خلاف ذلك AngularJS. كان المتغير الرئيسي هو استخدام جافا سكريبت بدون تغيير كونه وسيلة أولية للتعامل مع تحسين الفائدة الأكثر هيمنة. تم تحسين بشكل أساسي Rakish 2 أو ng2 + التالية AngularJS. استنتج التحديث الأكثر ضخامة من Angular التقدم إلى مرحلة أخرى من نوع TypeScript. من تلك النقطة إلى الأمام ، بدأ الهيكل في العمل بشكل أسرع بكثير من التسليم الرئيسي. بالإضافة إلى ذلك ، تحول عائق القسم إلى أن يكون أقل من ذلك بكثير. ظهرت القدرات مثل واجهات ، والطبقات ، وتأليف الصلبة في الزاوي. واحدة من النقاط المحورية البارزة هي rakish / cli التي تشجع على تحسين المهمة. إنه يمنح القدرة على القيام بمهمة إلى جانب الوحدات والإدارات والأجزاء. بالإضافة إلى ذلك ، يسمح العنصر بإرسال التعهد مع إعطاء استكشاف الأخطاء وإصلاحها الناتج من خلال اختبارات e2e المثبتة. بالمناسبة ، التفريغ الزاوي 6 يمكن الوصول إليه الآن. هذا هو تحديث تم إصلاح الخلل فيه لـ Angular 2 ولديه العديد من القدرات الجديدة. في الوقت الحالي ، يتم توصيل Angular بـ Google و Wix و weather.com و healthcare.gov و Forbes.
اعتبارًا من تأليف هذه المقالة ، فإن أحدث وصول لـ Angular 6 هو أسرع هيكل يمنح تحسينًا لمراحل الويب SPA. الهيكل اللغوي لـ TypeScript الذي يتحدث إلى قدرات مختلفة للتقدم هو الأقرب إلى JavaScript. التحديثات التي يمكن الوصول إليها هي المرافق:
- تأليف ثابت
- الديكور
- واجهات
- مساحات الاسم
Respond هي مكتبة JavaScript تم إنشاؤها بواسطة Facebook والتي تواصل دعمها جنبًا إلى جنب مع دفع تصريفات جديدة. منهجية React يستغل استخدام الأجزاء التي يمكن أن تظهر في الاتفاق دون أن تكون SPA ، كل الأشياء التي تم النظر فيها. يتزايد فاعلية Facebook في استخدام React في أنشطته الخاصة أكثر من Google مع Angular. على النقيض من المبدأ مع الزاوي يقترح استخدام JSX و DOM الظاهري. توفر القدرة الأساسية لـ JSC صنع الأجزاء المقدمة عن طريق وضع كود يشبه HTML في مستندات JS. وفقًا لذلك ، يعرض React الكود لإظهار HTML ديناميكيًا في النهاية يمكن تغييره بالاعتماد على الظروف. يتم استخدام Respond في Airbnb و Uber و Netflix و Twitter و Pinterest و Reddit و Udemy و Wix و Paypal و Imgur و Feedly و Stripe و Tumblr و Walmart.
تكمن الرغبة في React في استخدام جافا سكريبت وهو أمر مناسب لبدء التحسين. لا يسمح الإنشاء الديناميكي في JavaScript بمعرفة ما إذا كان يتم نقل نوع مناسب من المعلومات إلى مقطع ما. يقع هذا التأكيد على أكتاف المصمم الذي يحتاج إلى اتباع ظرف مثل هذا النوع من التعليمات البرمجية. يستخدم موقع React المواتي الأساسي أحدث أشكال JavaScript والتي تمكن المصمم من إتقان React فقط.
مركز النهوض
من أجل التحقيق في الأسباب الكامنة وراء انتشار كل من الزاوي والتفاعل ، تستحق القياسات الجسدية النظر فيها. تحتوي صفحة المجموعة في Angular على 36 مصممًا بينما React لا تحتوي على صفحة مجموعة بأي شكل من أشكال الخيال. يتحدث موقع الويب السائد GitHub المكرس لمشاريع مفتوحة المصدر إلى 40،490 نجمًا من المواقع إلى جانب 1714 من المانحين لـ Angular. بدورها ، تمتلك React 110 961 نجمًا و 1200 راعي بشكل فردي. المخطط التفصيلي الموجود أسفله يتحدث عن تفاصيل النجوم الموضعية التي لها مكان مع كل من الزاوي والرد.
كما يجب أن يكون واضحًا ، يحتوي React على عدد أكبر بكثير من النجوم من الزاوي ، ويتطور الثقب باستمرار.
يتم تقديم تفاصيل أخرى بواسطة npm المسؤول عن الحزمة التي تقدم كمية التنزيلات لكل من Angular و React.
TypeScript مقابل ES6 و JSX
لكي ننظر إلى إطارين تم تغييرهما بالطريقة الأكثر استهدافًا ، يجب علينا التحقق من التناقضات الأساسية بينهما أولاً. هذه المرة ، سننظر في نماذج "خارج الصندوق". على الرغم من ذلك ، يمكن للجميع ربط JSX بـ Angular تمامًا مثل TypeScript مع React.
لماذا TypeScript؟
TypeScript هي ترقية غير شائعة لجافا سكريبت أنشأتها Microsoft. انها تسمح بالعمل مع تأليف ثابت جنبا إلى جنب مع الأجهزة يمكن الاعتماد عليها. يمكن للمصممين الذين يعملون مع JavaScript الابتعاد عن الأخطاء المختلفة بسبب هذا الترتيب. ينصح TypeScript بالأخطاء قبل أن ينجو السجل مما يسمح ، وفقًا لذلك ، بإنشاء التعليمات البرمجية بشكل أسرع عادةً. مثل هذا التدريب يمكّن المصممين من التركيز على القضايا الحيوية حقًا.
علاوة على ذلك ، توفر إمكانية أساسية أخرى لـ TypeScript بناء مجموعة تحسين. عادةً ، يرتبط 1-2 شخص بالتحسين باستخدام جافا سكريبت في حين أن فائدته الأساسية تقيد المجموعة إلى 5 مصممين. لا يزال الطن غير مستوفٍ بينما الباقي لا يعمل بدقة. يعتمد التحسين في جافا سكريبت على المصممين الذين يحتاجون إلى اختيار ما إذا كان سيتم تعزيز شيء ما أم لا. لم تفعل Respond أية تحسينات للجوانب السلبية التي تم تسويتها حتى الآن مع TypeScript.
والحق يقال ، المهندسين لديهم مكان مع اثنين من المعسكرات المقيدة. يثق البعض في أن TypeScript هو البديل الوحيد لجافا سكريبت والذي سيظهر من البداية. يعتبر الآخرون أن الإنشاء الديناميكي هو الشيء الذي يحتاجونه في JavaScript. من الصعب فهم أي تقييم يجب أن يكون الأكثر ملاءمة. تدعم العديد من لهجات البرمجة المعاصرة كلاً من التأليف الديناميكي والثابت. في مثل هذه الظروف ، يعتمد الكثير على الميول الفردية لكل مهندس محدد. يجب أن نتحقق من مثال نموذجي عن مدى جودة تطبيق TypeScript الأفضل في الفحص باستخدام JavaScript للحصول على مؤشر حول مدى اهتمام TypeScript بما يتعلق بالتقدم
الرد المشتبه بهم شيء
كل مصمم React لديه فرصة للعمل مع بنية لغوية شبيهة بتنسيق HTML JSX لتقديم أجزاء. بشكل مثير للصدمة ، لا يمكن إدارة كل من TypeScript in Angular و React بدون JSX. نظرًا لأن TypeScript تُعتبر لغة برمجة مختلفة تمامًا ، فمن المهم أن تأخذ دورة تدريبية في TypeScript قبل الوصول إلى Angular. ومع ذلك ، فإن مصممي React يحتاجون ببساطة إلى إلقاء نظرة سريعة على وثائق JSX قصيرة لبدء الترميز. تتم الإشارة سابقًا إلى التطورات الرئيسية المتضمنة في ترتيب تحسين إطارات SPA المكدسة بشكل استثنائي. والحقيقة أن يقال ، React يقدم سوى عنصر من تقديم التخطيط. وبالتالي ، فإن الكود المكتوب في React سيكون بالكاد متفوقًا على كود JavaScript غير المغفل. يثق عدد قليل من المصممين في أن React قد تعتني ببعض مشكلات JavaScript أو ، على أي حال ، ترقية قدراتها.
تحسين الفيسبوك و SPA
يسعى مهندسو لهجات البرمجة إلى عزل طريقة العرض عن التعليمات البرمجية لتشجيع مشاركة المهمة. فيسبوك ، مرة أخرى ، وثق في أن الحفاظ على كل شيء معًا كان وسيلة مناسبة تدريجية للتعامل مع تقدم المكونات. المدافعون عن الفعل لديهم رؤية متضاربة لمثل هذه المنهجية. يحاول البعض منهم تقييد JSX على الأقل. يستخدم المصممون البديلون JSX بفعالية بدون أي سبب لسبب رفضه. تسمح بنية الجملة بإنشاء أجزاء وتضمينها بطريقة مباشرة تواجه بعض المشكلات غير المهمة مع كل من تقدم تنسيق HTML وإدماجها في React. إن الترتيب الصحيح إلى حد ما إذا كان يجب أن يكون هناك حدوث لمهمة تستند إلى React ، يذهب إلى التنسيق السريع للخطة إلى أجزاء React.
في حالة قابلة للمقارنة ، تتبع Angular منهجية تقليدية تدريجية عندما يتم عزل الأساس المنطقي عن طريقة العرض. عندما يعتمد الترتيب الزاوي على مسؤول المعلومات في اتجاهين تمامًا مثل محرك التخطيط لوحده ، فيمكننا دون تنسيق واسع دمج تنسيق HTML في طريقة العرض للقطاعات الزاوية.