اطلاع از تاریخ انتشار و بررسی جدیدترین قابلیت‌های Vue 3

Evan You، خالق Vue، در سال ۲۰۱۸ خبر از نسخه جدیدی از این فریم‌ورک داد که در نهایت، Vue 3 در سپتامبر ۲۰۲۰ منتشر شد. اکنون، پس از گذشت چند سال، اکوسیستم Vue دستخوش تغییرات بزرگی شده و به بلوغ قابل توجهی رسیده است. اگر قصد دارید پروژه‌ای جدید آغاز کنید یا از Vue 2 مهاجرت کنید، این راهنما تمام اطلاعات لازم را در اختیار شما قرار می‌دهد.

در ادامه خواهید خواند:

• ویژگی‌ها و تغییرهای Vue 3
• ارتقا برنامه‌ها از Vue 2 به Vue 3
• ابزارها و کتابخانه‌های ضروری در Vue 3
• آیا هنوز هم می‌توان از Vue 2 برای انجام پروژه‌ها استفاده کرد یا باید منتظر Vue 3 بمانیم؟
• آیا یادگیری Vue 2 را شروع کنیم یا تا زمان انتشار Vue 3 منتظر بمانیم؟
• جمع بندی

ویژگی‌ها و تغییرهای Vue 3

همان‌طور که Evan You بیان کرده، نسخه 3 این فریم‌ورک، سریع‌تر و کم حجم‌تر شده، قابلیت نگهداری بیشتری دارد و برای استفاده از قابلیت‌های Native آسان‌تر شده است.

Composition API

یکی از مهم‌ترین تغییرهای به‌وجود آمده، یک API جدید است که به شما اجازه می‌دهد که کامپوننت‌هایی بر اساس توابع (function-base) بنویسید، این قابلیت الهام گرفته از React Hooks است. همچنین این قابلیت به شما اجازه می‌دهد که منطق برنامه‌تان را در یک “composition functions” قرار دهید و در کامپوننت‌های دیگر مجددا از آن استفاده کنید. برای اطلاعات بیشتر از منابع API می‌توانید Request for Comments (RFC) را بخوانید (این API از “Function API” به “Composition API” تغییر نام پیدا کرده است، بنابراین در خواندن متن‌ها گمراه نشوید).

با استفاده از این قابلیت شیوه استفاده از Vue تغییر می‌کند. با‌این‌حال، در برنامه‌های Vue 2.x اختلالی ایجاد نمی‌شود زیرا به‌عنوان یک API جدید به‌طور 100 درصدی با سینتکس فعلی سازگار است و به این زودی‌ها منسوخ نمی‌شود.

به احتمال زیاد با این تغییر، انعطاف‌پذیری زیادی برای توسعه‌دهندگان به ارمغان می‌آید و در نتیجه کدهای بهتری ایجاد می‌شوند.

سایر تغییرهای Vue 3:

• بازنویسی DOM مجازی برای عملکرد بهتر، و پشتیبانی بهتر از TypeScript،
• Native portal، که اکنون Teleport نامیده می‌شود،
• Fragments (المنت‌های مجازی که در ساختار درختی DOM، ارائه نمی‌شوند)،
• Global mounting،
• توقف رندر بعضی از کامپوننت‌ها با ایجاد شرط،
• و …

با هاست Vue.js لیارا، اپلیکیشن خود را با سرعت و قابلیت‌ فوق‌العاده منتشر کنید.
✅ راه‌اندازی فوری✅ منابع اختصاصی و مقیاس‌پذیری خودکار ✅ امنیت بالا، بکاپ خودکار 
خرید و راه‌اندازی هاست Vue.js

ارتقا برنامه‌ها از Vue 2 به Vue 3

بنابراین با آمدن نسخه جدید این فریم‌ورک، چه اتفاقی برای نسخه قبل می‌افتد؟ چگونه می‌توانیم برنامه‌هایمان را به نسخه جدید، ارتقا دهیم؟

یک به‌روزرسانی برای آخرین نسخه Vue 2 عرضه می‌شود که با Vue 3 سازگار است و در آن برای قابلیت‌هایی که در نسخه‌های بعد منسوخ می‌شوند، هشدار قرار می‌دهند. این نسخه به‌صورت LTS (Long-term support) به مدت 18 ماه در دسترس قرار می‌گیرد. که به این معناست، Vue 2 به‌روزرسانی‌های امنیتی را دریافت می‌کند و برای استفاده ایمن است.

برای ارتقا از نسخه 2 به 3، یک راهنما در حالت بتا قرار دارد که با Vue 3 سازگار است. همچنین ابزار خط فرمان (command line) برای ارتقا برنامه، در دسترس است که به شما در ارتقا خودکار برنامه‌تان در صورت توان کمک می‌کند، همچنین در قسمت‌هایی که به تغییرهای دستی نیاز است، شما را مطلع می‌سازد.

ابزارها و کتابخانه‌های ضروری در Vue 3

در اکوسیستم جدید Vue، بسیاری از ابزارها و کتابخانه‌ها به‌روز شده‌اند:

• Vite: ابزار رسمی برای ساخت پروژه‌های Vue، سریع، مدرن و مبتنی بر ESM
• Pinia: جایگزین رسمی Vuex برای مدیریت وضعیت. سبک‌تر، ساده‌تر و بهتر با TypeScript سازگار
• Vue Router 4: نسخه جدید با پشتیبانی از ویژگی‌های پیشرفته
• Vitest: ابزار تست پیشنهادی برای پروژه‌های Vite + Vue
• Vue Devtools 6.x: پشتیبانی از Composition API، Teleport و Pinia

تمام این ابزارها در نسخه پایدار هستند و برای استفاده در پروژه‌های حرفه‌ای توصیه می‌شوند.

Vue چیست؟
Vue 

آیا هنوز هم می‌توان از Vue 2 برای انجام پروژه‌ها استفاده کرد یا باید منتظر Vue 3 بمانیم؟

اگر شما تصمیم دارید که یک پروژه جدید را شروع کنید، توصیه رسمی این است که از Vue 2 استفاده کنید. در صورت انجام این‌کار باید مراقب تغییرها باشید و همچنین از استفاده از کتاب‌خانه‌های شخص ثالثی که احتمال دارد به‌سرعت به‌روزرسانی نشوند هم خودداری کنید و از قابلیت‌های حذف‌شده نیز استفاده نکنید.

اگر می‌توانید تا Q3 2020 صبر کنید، این‌کار را انجام دهید و سپس توسعه برنامه‌هایتان را با Vue 3 شروع کنید.

آیا یادگیری Vue 2 را شروع کنیم یا تا زمان انتشار Vue 3 منتظر بمانیم؟

اگر شما تازه می‌خواهید با فریم‌ورک Vue آشنا شوید و با آن کار کنید، از منابع موجود Vue 2 دریغ نکنید. بیشتر مفاهیم کلیدی فریم‌ورک یکسان باقی می‌ماند و دانش‌تان هنگام انتشار نسخه 3 این فریم‌ورک، هنوز هم ارزشمند است.

بسیاری از تغییرهای Vue 3، مانند بازنویسی DOM مجازی و کدهای پایه با TypeScript، باعث می‌شوند عملکرد Vue سریع‌تر شود اما در صورتی که تمایل نداشته باشید، الزامی به استفاده از TypeScript نیست.

زمانی که صحبت از مستندسازی می‌شود، تیم توسعه Vue عملکرد عالی از خود به‌نمایش می‌گذارند و در حال حاضر، آن‌ها نسخه بتای Vue 3 را قرار داده‌اند و مطمئن هستیم در سازگاری با سینتکس جدید هیچ مشکلی برای شما رخ نخواهد داد.

آموزش راه‌اندازی برنامه Vue با NGINX در Docker
 Vue با NGINX در Docker

جمع بندی

Vue 3 دیگر یک فناوری جدید یا در حال توسعه نیست؛ بلکه نسخه‌ای بالغ، سریع و پایداری است که تمام نیازهای یک توسعه‌دهنده مدرن را برطرف می‌کند. چه در حال مهاجرت از Vue 2 باشید، چه به‌دنبال شروع یادگیری از صفر، Vue 3 با ابزارها و ساختارهای به‌روزشده‌اش، بهترین نقطه برای شروع است.

در کنار ابزارهایی مانند Vite، Pinia، Vitest و پشتیبانی قدرتمند از TypeScript، Vue 3 انتخابی مطمئن برای توسعه اپلیکیشن‌های امروزی و آینده است.

منبع: https://madewithvuejs.com/blog/vue-3-roundup