أصبحت أطر JavaScript جزءًا لا يتجزأ من كل مشروع ويب حديث. هناك العديد من هذه الأطر ، ونتيجة لذلك ، يتعين على المطورين دائمًا أن يتساءلوا ما الذي يجب اختياره. للعثور على إجابة لهذا السؤال يجب أن يكون في عام 2020.
إذا قرأت هذا ، فيمكنك افتراض أنك مشغول بالبحث عن إطار عمل سيصبح أساس تطبيقك التالي. من الممكن أن تركز على التقنيات الرائدة وأن تفكر فيما هو الأفضل لك - مكتبة React أو إطار عمل Vue. هذه معضلة صعبة ، لكن لا يزال من الضروري حلها. فيما يلي بعض الأسئلة الشائعة التي طرحها أولئك الذين يختارون بين React و Vue:
- أيهما أفضل لمشروعي القادم؟
- أي إطار لديه أعلى أداء؟
- ما هو أكثر شعبية بين المطورين؟
- أيهما أفضل لتطبيقات الويب الصغيرة؟
- أي من الأطر أكثر موثوقية؟
يأمل مؤلف المادة ، التي ننشر ترجمتها اليوم ، أن تساعد إجابات هذه الأسئلة في اتخاذ القرار الصحيح. تتناول هذه المقالة مقارنة React و Vue لمساعدة المطورين على اتخاذ قرار بشأن إطار عمل الواجهة الأمامية لمشاريع الويب 2020.
شعبية
في عالم JavaScript ، تظهر أطر عمل ومكتبات جديدة كل يوم تقريبًا. في الواقع ، هذه عملية مستمرة تقريبًا ، يتم خلالها تغيير المفضلات حرفيًا كل بضعة أشهر.
ألقِ نظرة على بيانات 2019 واكتشف - الأكثر شيوعًا - React أو Vue.
إليك معلومات من
Google Trends . فيما يلي بعض الرسوم البيانية التي توضح شعبية React و Vue و Angular. من السهل أن نرى أن React متقدم بشكل كبير على Vue.
شعبية React، Vue and Angularالآن دعنا ننتقل إلى نتائج دراسة Stack Overflow. React يتصدر قائمة الأطر التي يفضلها المطورون. و Vue هو فقط وراء قليلا. اكتسبت Vue ، منذ إصدارها في عام 2014 ، شعبية كبيرة في وقت قصير إلى حد ما.
كومة تجاوز نتائج الدراسةالقصة
دعونا نتحدث عن تاريخ وخلفية React و Vue.
▍Vue
تم إنشاء إطار عمل JS هذا في عام 2014 بواسطة إيفان يو ، موظف سابق في Google. لا توجد عمالقة التكنولوجيا وراء Vue. تم إصدار أحدث إصدار من Vue (2.6.10) في 20 مارس 2019.
منذ مجيء Vue ، مرت 5 سنوات فقط. وهذا يجعل هذا الإطار أصغر تطور بين أنظمة هذا المستوى. من بين الشركات الكبيرة التي تستخدم Vue و Alibaba و GitLab يمكن الإشارة إليها. واحدة من ميزات Vue هي حقيقة أنه يتتبع الخلط بين قدرات بعض الأطر JS الناجحة الأخرى.
▍React
React هي مكتبة JavaScript تم إنشاؤها ليس بواسطة مبرمج مستقل ، ولكن بواسطة شركة ضخمة. انها عن الفيسبوك. أحد الأسباب الرئيسية لإنشاء React كانت رغبة الشركة في تحسين آليات إنشاء واجهات. تم تطوير هذه المكتبة عندما واجه Facebook بعض المشكلات المتعلقة بتطوير ودعم المشروع.
تُعرف مكتبة React كأداة قوية لإنشاء واجهات مستخدم ديناميكية وتفاعلية. أصدر 6 مايو 2019 أحدث إصدار من React (16.8.6). تستخدم هذه المكتبة لتطوير واجهات في العديد من الشركات المعروفة. من بينها - بي بي سي و Instagram و WhatsApp.
إنتاجية
يتم إجراء تغييرات على واجهة التطبيق عن طريق تعديل طراز كائن المستند (DOM). هناك مفاهيم مثل DOM الظاهري و DOM الحقيقي. يعتمد أداء أدوات JavaScript لتطوير الواجهات بشكل خطير على كيفية تنظيم عملية DOM.
DOM الظاهري و DOM الحقيقي▍React
React يستخدم DOM الظاهري ، نظام خفيف الوزن ، مستقل عن المتصفح. أحد الأسباب الرئيسية لشعبية React هو أن هذه المكتبة تعمل بكفاءة عالية مع DOM.
▍Vue
تستخدم Vue أيضًا DOM ظاهرية ، ولكن بالمقارنة مع React ، تتمتع Vue بأداء وثبات أعلى.
دعم المجتمع
تؤثر المجتمعات التي تتشكل حول التقنيات بشكل خطير على تطورها ونشرها. على وجه الخصوص ، يمكن لأفراد المجتمع مساعدة مطوري التكنولوجيا الرئيسيين ؛ حيث يقومون بإنشاء العديد من الوظائف الإضافية ؛ كما يساعدون المبتدئين.
▍React
تتم إدارة دعم وتطوير مكتبة React نفسها بواسطة Facebook. هذا يمنح أولئك الذين يختارون هذه المكتبة كأساس للواجهة الأمامية لتطبيقهم درجة عالية من الثقة إلى حدٍ ما في أن رد الفعل في المستقبل القريب لن يتحول إلى نوع من المشاريع التي يتخلى عنها الجميع. قام مجتمع مطوري React بإنشاء ودعم العديد من الأدوات الإضافية.
▍Vue
Vue هو مشروع تعود أصوله إلى شخص عادي ، وليس إلى شركة كبيرة. نتيجة لذلك ، لأول مرة بعد ظهور هذا الإطار ، لم تبدو موثوقة بشكل خاص في عيون المطورين. ومع ذلك ، بعد مرور بعض الوقت أصبحت Vue شائعة للغاية ، يساهم العديد من المبرمجين في تطويرها. في الواقع ، يمكننا القول أن مجتمع مطوري Vue هو القوة التي تدعم المشروع.
حجم
إذا اعتبرنا أن مسألة الحجم مبسطة للغاية ، فيمكننا القول إن React أكبر قليلاً من Vue. حجم React حوالي 100 كيلو بايت ، وحجم Vue حوالي 80 كيلو بايت. يعد حجم رمز JS مؤشرًا هامًا له تأثير قوي على أداء مشاريع الويب. أصغر هو ، كلما كان ذلك أفضل ، بالطبع.
ومع ذلك ، تجدر الإشارة هنا إلى أن React ، من أجل تنفيذ بعض القدرات ، يحتاج إلى مكتبات تابعة لجهات أخرى. واحدة من هذه الميزة هي التوجيه. Vue ، من ناحية أخرى ، هو مشروع يحتوي على مجموعة أكثر شمولًا من الميزات القياسية ، على الرغم من أنه لا يمكنك الاستغناء عن الوظائف الإضافية عند العمل مع Vue. ومع ذلك ، فإن React و Vue متواضعان للغاية في الحجم ، مما يجعلهما مناسبين تمامًا لتطوير التطبيقات الصغيرة.
أمثلة الاستخدام
قبل اختيار تقنية للمشروع التالي ، يهتم المبرمجون والمديرون عادةً بالمشاريع الحالية التي تم تطبيقها بالفعل. إذا تحدثنا عما تستند إليه React و Vue ، وحول JavaScript وتقنيات الويب الأخرى ، فيمكننا القول أن كل هذا يستخدم في عدد لا يحصى من الشركات. إذا نظرنا إلى أمثلة محددة لاستخدام React و Vue ، فيمكننا التمييز ، على سبيل المثال ، بين الشركات التالية.
▍React
- Facebook - كما ذكرنا سابقًا ، قامت هذه الشركة بإنشاء React ودعمها ، بالإضافة إلى ذلك ، تستخدم هذه المكتبة بنشاط.
- Twitter عبارة عن منصة تركز على نشر الرسائل القصيرة.
- Instagram - على هذا النظام الأساسي ، ينصب التركيز على نشر الصور.
- Whatsapp هو رسول شعبية.
▍Vue
- GitLab هو مشروع يساعد المطورين على إنشاء برامج بشكل تعاوني.
- 9Gag هو مشروع معروف عن الميمات وغيرها من المواد المماثلة.
- نينتندو هو مطور لعبة.
- نحوي خدمة تدقيق نحوي.
منحنى التعلم
منحنى التعلم هو تمثيل رسومي للتغير في سرعة تعلم معرفة أو نوع معين من النشاط. في حالتنا ، نحن نتحدث عن سرعة تطوير React و Vue. من المعروف أن Vue أسهل في التعلم من React.
عند إجراء دراسة
StateOfJS ، طُلب من المشاركين الإجابة على أسئلة مختلفة حول الأطر. فيما يلي نتائج الاستطلاع لـ React و Vue و Angular.
رد الفعل ، النتيجة ، ونتائج المسح الزاويهذا هو معنى تسليط الضوء على لون شظايا المخططات.
ترميز اللون من الإجابات على الأسئلة. من الأعلى إلى الأسفل: "لم أسمع بها مطلقًا" ، "لقد سمعت ، لكنها ليست مثيرة للاهتمام بالنسبة لي" ، "سمعت ، أود أن أدرس" ، "لقد استخدمتها ، لن أستخدمها مرة أخرى" ، "لقد استخدمتها ، سأستخدمها مرة أخرى".كما ترون ، يخطط العديد من مستخدمي React لاستخدام هذه المكتبة مرة أخرى. يهتم الكثير من المبرمجين بتعلم React. إذا تحدثنا عن Vue ، فيمكن الإشارة إلى أن معدل استخدام هذا الإطار ليس بنفس معدل React ، وأن المؤشر الذي يشير إلى الاهتمام بالتعلم يتجاوز معدل React. يشير هذا إلى أن Vue هي إطار يريد الكثيرون تجربته. نتيجةً لذلك ، نظرًا لحقيقة أن Vue أسهل في التعلم ، فمن المتوقع أن يزداد عدد الأشخاص الذين يستخدمون Vue ويخططون لاستخدامها مرة أخرى في المستقبل.
مرونة
▍React
توفر React kernel الوظائف الأساسية فقط. مع الاستخدام العملي لهذه المكتبة ، يجب توسيع قدراتها. هذا يعطي المطور مستوى هائلاً من المرونة فيما يتعلق باختيار أدوات إضافية. هناك أدوات لتطوير واجهات ، والأفكار المضمنة التي يمكن اعتبارها مباشرة عكس تلك المضمنة في React. على سبيل المثال ، هذا هو Angular ، وهو إطار يتضمن العديد من الأدوات القياسية. بالإضافة إلى ذلك ، إنها مجموعة من الأدوات الجاهزة التي تعمل معًا بشكل جيد. الجانب السلبي هو عدم وجود مرونة في اختيار الأدوات التي يوفرها React.
إذا تحدثنا عن مهام محددة يمكن حلها بمساعدة مكتبات إضافية مستخدمة مع React ، فيمكننا هنا ملاحظة ، على سبيل المثال ، التوجيه وإدارة حالة التطبيق وتقديم الخادم وتطوير التطبيقات للأجهزة المحمولة.
▍Vue
توفر Vue ، على عكس React ، للمطور مجموعة أكثر شمولًا من الأدوات القياسية التي يمكنها حل المشكلات نفسها التي عادةً ما يتم حلها في نظام React البيئي باستخدام مكتبات الجهات الخارجية.
▍ النتائج
إذا جمعنا كل شيء تحدثنا عنه للتو ، فيمكننا إذن استخلاص النتائج التالية:
- رد الفعل هو أكثر شعبية من فو.
- React تتمتع بدعم من شركة كبيرة ، بينما Vue لا.
- React يعطي المطور مستوى أعلى من المرونة.
- حجم Vue أصغر من حجم React.
نأمل أن يقرأ ما تقرأه اليوم معرفتك بـ React و Vue ويساعدك في اتخاذ القرار الصحيح.
أعزائي القراء! إذا كنت قد شاركت مؤخرًا في اختيار إطار عمل لمشروع الويب التالي ، فيرجى إخبارنا بما اخترته ولماذا.
