أفضل الممارسات في ReactJS

في هذا الفصل، سنقوم بإنشاء قائمة بأفضل الممارسات، والطرق والتقنيات في React، التي ستساعدنا في الحفاظ على التسلسل في عملية تطوير التطبيق.

• الحالة−ينبغي تجنب هذا النوع من الحالة. من الجيد تركز الحالة وتنقلها كعمود إلى شجرة المكونات. هيكل الفلوم هو طريقة جيدة لتعامل حالة تطبيق React.

• PropTypes−يجب دائمًا تعريف PropType. هذا سيساعد في تتبع جميع الخصائص في التطبيق، وسيكون مفيدًا أيضًا للجميع الذين يعملون على نفس المشروع.

• Render−معظم منطق التطبيق يجب أن يكون داخل طريقة render. يجب علينا الحد من منطق طرق الحياة للمكونات، و移动 هذا المنطق إلى طريقة render. كلما قللنا من الحالة والخصائص التي نستخدمها، كان الشفافية أكبر. يجب دائمًا أن تكون الحالة بسيطة قدر الإمكان. إذا كان من الضروري حساب شيء ما من الحالة أو الخصائص، يمكن القيام بذلك داخل طريقة render.

• التركيب−يوصي فريق React باستخدام مبدأ المسؤولية الواحدة. هذا يعني أن المكون يجب أن يكون مسؤولًا عن وظيفة واحدة فقط. إذا كان لدينا مكونات تحتوي على وظائف متعددة، يجب علينا إعادة هيكلة وتكوين كل وظيفة لتكون مكونًا جديدًا.

• Higher Order Components (HOC)−الإصدارات السابقة من React قدمت mixin لتعامل الوظائف القابلة للتكرار. نظرًا لأن mixin غير مستخدمة الآن، إحدى الحلول هي استخدام HOC.