چه فریمورکی برای فرانت اند یاد بگیرم؟

فریمورک چیه؟

در برنامه نویسی فریمورک ها یک سری کد های از پیش نوشته شده هستند که دارای یک سری کتابخانه و ابزار و سیستم استاندارد سازی شده و یک استراکچر آماده و خوب هست که به شما اجازه میده که پروژه تون رو به سادگی پیش ببرید و حجم کد هاتون پایین و کیفیت کد بالا باشه!

خوبی ها و فواید استفاده از فریمورک ? :

• Consistency

وقتی تغییرات استراکچر شما به حداقل ترین حالت ممکن میرسه که قطعا مشارکت و همکاری در پروژه برای دیگر دولوپر ها آسان تر خواهد شد.

• Cross-browser compatibility

هدف دیگر فریمورک ها اینه که با بیشتر مرورگر ها سازگار باشن و اغلب کاربران بتونن از اپلیکیشن شما استفاده کنن.

• Responsive design

فریمورک های وب این امکان را به شما میدن تا بتوانید صفحات ریسپانسیو رو به سادگی طراحی بکنید.

• Better performance

فریمورک ها برای عملکرد هرچه بهتر طراحی شدن! در Scale بزرگتر مخصوصا پروژه های سازمانی این مسعله تقریبا مهم ترین چیز برای فرانت اند دولوپر های اون سازمان هست که متاسفانه آماتور ها توجه کمتری به این موضوع دارند. فریمورک ها با فراهم کردن فیچر هایی مثل Lazy Loading و Code Splitting و Caching کمک میکنند تا سرعت اپلیکیشن تون رو بالا ببرید و مشتری رو راضی نگه دارید.

جاوا اسکریپت و جنگ بین فریمورک های فرانت اند!

معمولا دیده شده که شما تو هر گروهی میری یه بحثی بین اینکه کدوم فریمورک خوبه وجود داره!??

اما این فریمورک ها برای چه هدفی و چه کار کردی ساخته شدن؟!

برای انتخاب یک فریمورک مناسب پروژه شما عوامل زیادی رو باید در نظر بگیرید مانند پیچیدگی پروژه تون (Complexity) و تیم دولوپ تون (Development Team) و...!

ویژگی های چندتا از فریمورک های محبوب :

• React

میشه گفت که ریکت محبوب ترین فریمورک بین دولوپر های فرانت محسوب میشه و دلیل اون انعطاف و Reusable بودن کامپوننت ها هست که اون رو برای تقریبا هر نوع پروژه ای مناسب میکنه! البته به پرفرمنس خوب ریکت هم باید اشاره کرد که مناسب اپلیکیشن های بزرگه!

• Vue

ویو جی اس هم یکی دیگه از فریمورک های محبوبه که خیلی سبکه (lightweight) و یادگیریش به مراتب آسون تر از دیگر فریمورک ها هست. ویو جی اس رو با سادگیش و انعطاف ش میشناسن که یه انتخاب فوق العاده برای اپلیکیشن های با Scale متوسط و کوچیکه!

• Angular

انگیولار! هیولای فرانت اند! یک فریمورک جامع که برای اپلیکیشن با Scale بزرگ و پیچیده استفاده میشه. انگیولار استراکچر خاصی داره که ممکنه کمی برای آماتور ها اذیت کننده باشه مخصوصا اینکه TypeScript محور هست باعث میشه حجم کد ها هم زیاد باشه. انگیولار رو با فیچر های قدرتمند ش مثل Data binding و Dependency Injection و component-based architecture میشناسن! یک فریمورک خاص و قدرتمند! و البته با اندکی سنگینی سورس کد?? ^-^ .

حجم سورس کد ها :

• React: around 43KB for version 17.0.2
• Angular: around 134KB for version 12.0.4
• Vue.js: around 29KB for version 3.2.22

در نتیجه همه این فریمورک ها توسط بهترین برنامه نویس ها از سراسر جهان نوشته شدن!

پس فقط کافیه دور نمای لازم از هدف برنامه نویس شدنتون و علاقه تون رو پیدا کنید تا بتونید درست انتخاب کنید که کدوم فریمورک رو یاد بگیرید?.