WordPress مع ReactJS: ربح أم خسارة؟
نشرت: 2019-01-31في الوقت الحالي ، يكتسب WordPress تقييمًا في جميع أنحاء العالم لإصداره الأخير من محرر Gutenberg لميزة تحرير الكتلة الخاصة به. الجزء المدهش من هذا المحرر - يعمل ReactJS كخلفية. كان ReactJS قد فاجأ مجتمع مطوري WordPress من خلال تقديم Calypso لواجهة سريعة بشكل لا يصدق ومدعمة بواجهة برمجة التطبيقات مكتوبة بلغة جافا سكريبت فقط من خلال الاستفادة من مكتبات مثل Node و React.
في الأساس ، رد الفعل عبارة عن مكتبة توفر طريقة تعريفية لتحديد مكونات واجهة المستخدم مثل ReactDOM وهي مكتبة مجتمعة تقدم عرضًا وتباين DOM بينما يوفر React-Redux gum الصمغ بين React و Redux كمخزن بيانات. باستخدام Javascript ، يتيح لك React Native إنشاء تطبيقات للهاتف المحمول وأيضًا كتابة واجهة مستخدم الهاتف المحمول الغنية من مكونات توضيحية. تحظى React بشعبية كبيرة بين العلامات التجارية الكبرى مثل Airbnb و Dropbox و Alipay و Netflix و Facebook وغير ذلك الكثير نظرًا لسهولة استخدامها ونهجها المرن.
عند إصداره ، أدى ذلك إلى اندفاع بين مطوري PHP حيث أصبح من الضروري تعلم JavaScript للاستفادة من المكدس التكنولوجي المقترح حديثًا. ولكن مع محرر Gutenberg ، يصبح من السهل جدًا العمل مع مكتبات مختلفة. من المنطقي جدًا لمطوري WordPress من وجهة نظر استراتيجية المنتج مواصلة تطويره باستخدام React ولكن قد تتساءل أيضًا عن سبب اختيار React في المقام الأول.
دعونا نلقي نظرة على بعض مزايا وعيوب استخدام WordPress مع ReactJS عند اتخاذ القرار الأولي.
PROs لاستخدام React
- 1 يسمح بإعادة استخدام مكونات التعليمات البرمجية
أفضل ميزة يمكن أن يحصل عليها مطور ReactJS هي إعادة استخدام المكونات الحالية التي تتجاهل صداع الترقية العام. يتم عزل جميع المكونات ولا يؤثر هذا النوع من التغيير على مكون آخر إذا قمت بإجراء تغيير في المكون الأول. يمكن لميزة إعادة استخدام المكونات هذه أن تزيد من سرعة الإنتاج من خلال جعل البرمجة أكثر دقة ودقة للمطورين.
- 2 سهل الكتابة
سيجد المطورون الذين جربوا الكتابة بلغة HTML تشابهًا شديدًا عند كتابة قوالب React مع الإقحام بفضل JSX. يوجد HTML مباشرة في كود مكون Javascript الخاص بك ويبدو مثل قوالب Mustache. إذا كنت ترغب في وضع كل ما تبذلونه من الترميز والأسلوب والوظائف في مكان واحد ، فإن React تعتبر مرنة للغاية لأنها توفر الراحة والنمطية القصوى في المرة القادمة.
- 3 سرعات أسرع
لا يحتاج مطورو WordPress إلى القلق بشأن ما إذا كان قد تم تقديم شيء ما من قبل أم أنه تم تقديمه لأول مرة. يعتبر أن عرض React غير قابل للتغيير والذي يبدأ في التصيير الأول والعرض الخامس عشر لمكون واحد بنفس الطريقة بالضبط. يعيد Redux عرض المكونات ذات الصلة على الصفحة عندما تتغير الحالة.
- 4 بيانات منفصلة وعرض تقديمي
يستخدم WordPress واجهة برمجة تطبيقات REST للبيانات للوصول إلى Redux و React لأنه يسمح بفصل البيانات عن العرض بشكل كامل. عندما تضع أكبر قدر من بياناتك في متجر Redux الخاص بك ، ستوفر بشكل عام أفضل نتيجة لأن أي شيء تخسره في العرض الجديد يمكن أن ينتقل إلى حالة React. وبالتالي ، فإن React تعطي أكثر من طبقة عرض للتخزين قصير المدى.
- 5 إطار بسيط
اعترف مطورو WordPress بأنهم وجدوا أن ReactJS أسهل في الاستخدام من العديد من الأطر أو المكتبات. بمساعدة المعرفة الأساسية بالبرمجة ، يمكنك إنشاء ودعم تطبيقات الهاتف المحمول والويب الاحترافية. أيضًا ، تسمح الأسماء النحوية الفريدة JSX بدمج Javascript و HTML.

سلبيات استخدام React
- 1 يشجع أداة البناء
يوصي مجتمع React بشدة بإنشاء أدوات لجميع تطبيقات الواجهة الأمامية ، ولكن يُقترح بشدة استخدام أبسط الأدوات واللائقة. غالبًا ما تحتاج إلى المشاركة مع برنامج نصي شل في ملف "package.json" لأبسط تطبيق. على سبيل المثال ، يمكنك استخدام أدوات مثل Gulp لإدارة المزيد من المهام لتطبيقات أكثر تعقيدًا. أيضًا ، يعد كل من Browserify و WebPack-Dev-Server مهمين لبناء أدوات تلتزم بنصوص NPM لواجهة سطر الأوامر دون تعقيد الأمور بشكل غير ضروري.
- 2 الترخيص المحظور
إذا كنت تريد أن تكون مشروعاتك أكثر أمانًا وخالية من الأخطاء ومُحدَّثة بأحدث الميزات ، فمن الأفضل دائمًا اختيار البرنامج المرخص. حتى فريق Automattic أو WordPress قرروا استخدام React على الرغم من معرفتهم بالترخيص المقيِّد الذي كاد يجعلهم يفقدون شهورًا في إعادة كتابة Gutenberg و Calypso.
- 3 React ليس إطار عمل
يمكن أن يكون React محبطًا للغاية عندما يريد المطورون العمل بسرعة. على سبيل المثال ، إذا كان لديك عملاء يأتون بمزيد من المشاريع وتضغط على الموعد النهائي ، فإن العمل مع React قد يكون محبطًا للغاية. تعتبر React معقدة بعض الشيء وبالتالي لا يمكنك أن تتوقع توفير الوقت أثناء العمل عليها.
- 4 React لا يزال قيد التطوير
لا يزال مجتمع اتفاقيات React في طور التطور نظرًا لوجود مشكلة في معدل دوران الموظفين عندما تكون التغييرات سريعة جدًا ولا يتوفر لها الوقت لتتحول إلى ممارسات عامة. بينما تحدث التغييرات أو التحديثات بشكل عام على أساس شهري مما يجعل المهام صعبة وبالتالي لا يمكن تكوين المشاريع في الوقت المناسب باستخدام أحدث الميزات.
خاتمة
يمتلك مطورو WordPress مجموعة واسعة من الأطر والمكتبات التي يمكن اختيارها من React و Angular و VueJS. يبدو أن هناك القليل من الالتباس بين المطورين عندما يتعلق الأمر باختيار الإطار الصحيح لمشاريعهم. نظرًا لوجود استخدامات متعددة للمكتبات المتغيرة ، على سبيل المثال ، WordPress كخلفية لإنشاء تطبيق للجوال ، VueJS لمجرد تطبيق صفحة واحدة أو Angular2 و TypeScript وفقًا لمتطلبات العميل ومتطلبات المشروع.
يحرص مستخدمو WordPress على تجربة أيديهم على مواقع الويب باستخدام React لمعرفة التأثيرات الإيجابية التذكارية التي تقدمها لمشاريعهم. كان WordPress دائمًا في المقدمة عندما يتعلق الأمر بتصميم موقع ويب مخصص لأنه يسمح لمستخدميه بالحصول على عدد كبير من الميزات ويجعلها فريدة أيضًا من خلال التخصيص وفقًا للاحتياجات. في النهاية ، كل هذا يتوقف على الطريقة التي تريد بها تخصيص مشروعك باستخدام أفضل الخيارات.
المؤلف السيرة الذاتية:
تعمل أوليفيا دياز في eTatvaSoft.com ، وهي شركة لتطوير تطبيقات الويب والجوال على مستوى المؤسسة. نظرًا لكونها مهووسة بالتكنولوجيا ، فإنها تراقب عن كثب اتجاهات الصناعة مع التركيز على أحدث أخبار التكنولوجيا والأدوات.