مقدمة

أنماط التصميم (design patterns) جزء أساسي من تطوير البرمجيات، إذ تقدم حلولًا نموذجية للمشكلات المتكررة في تصميم البرمجيات. فبدلًا من تقديم أجزاء محددة من البرمجيات، تقدم أنماط التصميم مفاهيم يمكن استخدامها للتعامل مع الموضوعات المتكررة بطريقة محسنة.

على مدى العامين الماضيين، تغير نظام تطوير الويب بسرعة كبيرة. فبينما فقد تفقد بعض أنماط التصميم المعروفة قدرًا من قيمتها السابقة، تطورت أنماط أخرى لحل المشكلات الحديثة باستخدام أحدث التقنيات.

حظيت مكتبة JavaScript الخاصة بـ Facebook، وهي React، انتشار هائل خلال السنوات الخمس الماضية، وهي حاليًا أكثر إطار عمل يُنزَّل من NPM مقارنةً بمكتبات JavaScript المنافسة مثل Angular وVue وEmber وSvelte. ونظرًا لشعبية React، جرى تعديل أنماط التصميم وتحسينها، كما أُنشئت أنماط جديدة لتقديم قيمة في نظام تطوير الويب الحديث الحالي. أدخل الإصدار الأحدث من React ميزة جديدة اسمها Hooks، وهي تؤدي دورًا مهمًا جدًا في تصميم تطبيقك ويمكن أن تحل محل كثير من أنماط التصميم التقليدية.

يشمل تطوير الويب الحديث أنواعًا كثيرة مختلفة من الأنماط. يغطي هذا المشروع تنفيذ أنماط التصميم الشائعة وفوائدها ومزالقها باستخدام ES2015+، وأنماط التصميم الخاصة بـ React وتعديلها المحتمل وتنفيذها باستخدام React Hooks، والعديد من الأنماط والتحسينات الأخرى التي يمكن أن تساعد في تحسين تطبيق الويب الحديث لديك!