مقایسه Angular با Vue و React
همین چند سال پیش ، توسعه دهندگان عمدتا در حال بحث در مورد اینکه آیا باید از Angular vs React برای پروژه های خود استفاده کنند ، بحث می کردند. اما طی دو سال گذشته ، ما شاهد افزایش علاقه به بازیکن سوم به نام Vue.js بودیم.
ما جنبه های مختلف Angular ، Vue و React را بررسی کردیم تا ببینیم چگونه با نیازهای ما مطابقت دارد. این پست فقط یک راهنما در مورد Angular vs React vs Vue نیست بلکه هدف آن ارائه ساختاری برای کمک به قضاوت در مورد چارچوب های جلوی JavaScript است و در صورت ورود چارچوب جدید در سال آینده ، شما دقیقاً می دانید که چه پارامترهایی را باید بررسی کنید!
بررسی اجمالی Angular با Vue و React
قبل از اینکه به جزئیات فنی بپردازیم ، بیایید ابتدا با مشاهده ویدئو زیر در مورد تاریخچه این چارچوب ها آشنا شویم.
چطور همه چیز شروع شد؟!
Angular ، که توسط گوگل ساخته شده است ، اولین بار در سال 2010 منتشر شد ، و آن را به عنوان قدیمی ترین در تعداد زیادی معرفی کرد. این یک چارچوب جاوا اسکریپت مبتنی بر TypeScript است. یک تغییر اساسی در سال 2016 در انتشار Angular 2 (و حذف "JS" از نام اصلی - AngularJS) اتفاق افتاد. Angular 2+ فقط Angular شناخته می شود. اگرچه AngularJS (نسخه 1) هنوز به روزرسانی می شود ، ما بحث را بر روی Angular متمرکز خواهیم کرد. آخرین نسخه پایدار Angular 10 است که در ژوئن سال 2020 منتشر شد.
Vue ، همچنین به عنوان Vue.js شناخته می شود ، جوانترین عضو گروه است. این توسط کارمند سابق Google Evan You در سال 2014 توسعه یافته است. در طول سه سال گذشته ، Vue تغییر قابل توجهی در محبوبیت داشته است ، حتی اگر از حمایت یک شرکت بزرگ برخوردار نباشد. نسخه پایدار کنونی 2.6 است که در فوریه 2019 منتشر شد (از آن زمان با انتشار نسخه های افزایشی کوچک). همکاران Vue توسط Patreon پشتیبانی می شوند. Vue 3 ، در حال حاضر در مرحله آلفا است ، قصد دارد به TypeScript منتقل شود.
React ، ساخته شده توسط فیس بوک ، در ابتدا در سال 2013 منتشر شد. فیس بوک به طور گسترده ای از React در محصولات خود (Facebook ، Instagram و WhatsApp) استفاده می کند. نسخه پایدار کنونی 16.X است که در نوامبر 2018 منتشر شد (از آن زمان با به روزرسانی های افزایشی کوچکتر).
| Angular | React | Vue | |
|---|---|---|---|
| Initial release | 2010 | 2013 | 2014 |
| Official site | angular.io | reactjs.org | vuejs.org |
| Approx. size (KB) | 500 | 100 | 80 |
| Current version | 9 | 16.x | 2.6.x |
| Used by | Google, Wix, Microsoft, Apple, Paypal | Facebook, Uber, Instagram, Netflix, New York Times | Alibaba, GitLab, Adobe, Buzzfeed, Grammarly |
مخاطبان و توسعه دهندگان
بیایید نگاهی به Angular vs React vs Vue با توجه به آمار موجود در مخازن GitHub آنها بیندازیم:
| Angular | React | Vue | |
|---|---|---|---|
| # Watchers | 3.2k | 6.7k | 6.2k |
| # Stars | 62k | 151k | 166k |
| # Forks | 16.9k | 29.4k | 25.2k |
| # Contributors | 1,129 | 1,390 | 293 |
معیار دیگری که می خواهید در نظر بگیرید نشان GitHub است "استفاده شده توسط" ، که باید توسط نویسنده مخزن فعال شود. این نشان می دهد که چند مخزن دیگر در GitHub به آن مخزن وابسته هستند. نسخه ی نمایشی Angular’s GitHub هنوز این ویژگی را فعال نکرده است ، اما React در حال حاضر تقریباً 4،000،000 در حالی که Vue بیش از 93،000 نشان می دهد. تفاوت کاملاً مشخصی بین این دو وجود دارد ، اما این بیشتر به دلیل چارچوب جدیدتر Vue است و تصویر کاملی از تقاضای کلی را نشان نمی دهد.
بروزرسانی
Angular هر شش ماه یکبار به روزرسانی عمده می کند. همچنین یک دوره شش ماهه دیگر وجود دارد که هر API اصلی منسوخ می شود ، که به شما زمان دو چرخه انتشار (یک سال) را می دهد تا در صورت وجود تغییرات لازم را انجام دهید.
وقتی صحبت از Angular vs React می شود ، فیس بوک اظهار داشت که ثبات برای آنها از اهمیت بالایی برخوردار است ، زیرا شرکت های بزرگی مانند توییتر و Airbnb از React استفاده می کنند. به روزرسانی از طریق نسخه ها به طور کلی ساده ترین نسخه در React است ، با اسکریپت هایی مانند کد-واکنش به شما کمک می کند تا مهاجرت کنید.
در بخش مهاجرت سوالات متداول ، Vue ذکر می کند که اگر از 1.x به 2. مهاجرت می کنید ، 90٪ API یکسان است. یک ابزار کمکی مهاجرت وجود دارد که برای ارزیابی وضعیت برنامه شما روی کنسول کار می کند.
در پایان
انتخاب هریک از موارد ذکر شده می بایست با توجه به شرایط و نیازهای شما و به جهت پیاده سازی پروژه خودتان صورت بگیرد.