الگوهای طراحی بخشی بنیادی توسعه نرمافزار هستند، زیرا راهحلهایی معمول برای مشکلاتی که بهطور مکرر در طراحی نرمافزار رخ میدهند را ارائه میکنند. به جای ارائه کد یا نرمافزار مشخص، الگوهای طراحی صرفاً مفاهیمی هستند که میتوان برای مدیریت موضوعات تکراری بهصورت بهینه استفاده کرد.
در چند سال اخیر، اکوسیستم توسعه وب بهسرعت تغییر کرده است. در حالی که برخی از الگوهای طراحی شناختهشده ممکن است دیگر ارزش و کاربرد گذشته را نداشته باشند، برخی دیگر تکامل یافتهاند تا مشکلات مدرن را با استفاده از جدیدترین فناوریها حل کنند.
کتابخانه جاوااسکریپت فیسبوک (React)، طی سالهای گذشته محبوبیت زیادی کسب کرده، و در مقایسه با کتابخانههای رقیب جاوااسکریپت مانند Angular، Vue، Ember و Svelte در حال حاضر پردانلودترین فریمورک در NPM است. به دلیل محبوبیت React، الگوهای طراحی تغییر یافته، بهینه شده و الگوهای جدیدی ایجاد شدهاند تا در اکوسیستم مدرن توسعه وب ارزشمند باشند. آخرین نسخه React ویژگی جدیدی به نام Hooks معرفی شده که نقش بسیار مهمی در طراحی برنامه شما دارد و میتواند جایگزین بسیاری از الگوهای طراحی سنتی شود.
توسعه وب مدرن شامل انواع مختلفی از الگوها است. این پروژه پیادهسازی، مزایا و معایب الگوهای طراحی رایج با استفاده از ES۲۰۱۵+، الگوهای طراحی خاص React و امکان تغییر و پیادهسازی آنها با React Hooks، و همچنین بسیاری از الگوها و بهینهسازیهای دیگر که میتوانند به بهبود اپلیکیشن وب مدرن شما کمک کنند را پوشش میدهد.
