1⃣ امروز ورژن سوم Vue به صورت beta منتشر شد.
2⃣ دوباره وبسایت Vue Mastery تمام دوره هاشو تا اخر فروردین ماه (april 19) به صورت رایگان قرار داده. اگه دفعه پیش متوجه نشدید این دفعه رو از دست ندید.
⚠️ نکته: از سری پیش یک سری از دوره ها تکمیل تر شدن پس اگه از سری پیش چیزی گرفتین که دوره اش کامل نبوده بازم بررسی کنید.
3⃣ در ورژن 2.12 Nuxt که مدتی پیش منتشر شد متود fetch تغییراتی داشت که دست شما رو خیلی باز تر میکنه. اگه از Nuxt استفاده میکنید حتما یک نگاهی بندازید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #news #vue_3 #nuxt #vuemastery
2⃣ دوباره وبسایت Vue Mastery تمام دوره هاشو تا اخر فروردین ماه (april 19) به صورت رایگان قرار داده. اگه دفعه پیش متوجه نشدید این دفعه رو از دست ندید.
⚠️ نکته: از سری پیش یک سری از دوره ها تکمیل تر شدن پس اگه از سری پیش چیزی گرفتین که دوره اش کامل نبوده بازم بررسی کنید.
3⃣ در ورژن 2.12 Nuxt که مدتی پیش منتشر شد متود fetch تغییراتی داشت که دست شما رو خیلی باز تر میکنه. اگه از Nuxt استفاده میکنید حتما یک نگاهی بندازید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #news #vue_3 #nuxt #vuemastery
✏️ همونطور که قبلا گفتیم و خبر دارید Vue 3 به صورت beta چند وقت پیش منتشر شد اما شاید بپرسید که چه تغییراتی داشته!
✍ توی چند تا پست سعی میکنیم با هم این تغییرات بررسی کنیم و یک سری سوالات که ممکن توی ذهنتون پیش بیاد جواب بدیم.
1⃣ خب اول همه بیایم ببینیم منظور از ورژن beta چی هست. به صورت خلاصه یعنی این که بیس و پایه Vue 3 دیگه همین چیزی هست که میبینید و تغییر ساختاری یا جدیدی شما نمیبینید.
این ورژن برای گرفتن بازخورد و رفع مشکلات احتمالی هست و سعی میشه سرعت و کارایی رو بهبود ببخشن.
از طرف دیگه چون ساختار Vue 3 دیگه مشخص شده تمرکز میره سمت کتابخانه های جانبی Vue مثل Vuex یا Vue-router و... که با ورژن جدید خودشون رو هماهنگ کنند.
2⃣ اولین سوالی که شاید برای خیلی از دوستانی که تازه میخوان Vue رو یادبگیرن پیش میاد این که الان صبر کنیم ورژن سوم بیاد ؟ منابع اموزشی Vue 2 به درد میخوره که دنبال کنیم؟
خب باید بگیم که اصلا نگران تغییر ورژن نباشید و میتونید از آموزش ها و مطالب آموزشی Vue 2 برای یاد گیری استفاده کنید.
و پیشنهاد میشه که اصلا با Vue 2 یاد بگیرن چون بیس و پایه Vue 3 به همون شکل ورژن قبلی هست و اینطوری نیست که هرچیزی یاد گرفتین مجبور بشید دور بریزید مثل اتفاقی که برای angular 2 افتاد.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
✍ توی چند تا پست سعی میکنیم با هم این تغییرات بررسی کنیم و یک سری سوالات که ممکن توی ذهنتون پیش بیاد جواب بدیم.
1⃣ خب اول همه بیایم ببینیم منظور از ورژن beta چی هست. به صورت خلاصه یعنی این که بیس و پایه Vue 3 دیگه همین چیزی هست که میبینید و تغییر ساختاری یا جدیدی شما نمیبینید.
این ورژن برای گرفتن بازخورد و رفع مشکلات احتمالی هست و سعی میشه سرعت و کارایی رو بهبود ببخشن.
از طرف دیگه چون ساختار Vue 3 دیگه مشخص شده تمرکز میره سمت کتابخانه های جانبی Vue مثل Vuex یا Vue-router و... که با ورژن جدید خودشون رو هماهنگ کنند.
2⃣ اولین سوالی که شاید برای خیلی از دوستانی که تازه میخوان Vue رو یادبگیرن پیش میاد این که الان صبر کنیم ورژن سوم بیاد ؟ منابع اموزشی Vue 2 به درد میخوره که دنبال کنیم؟
خب باید بگیم که اصلا نگران تغییر ورژن نباشید و میتونید از آموزش ها و مطالب آموزشی Vue 2 برای یاد گیری استفاده کنید.
و پیشنهاد میشه که اصلا با Vue 2 یاد بگیرن چون بیس و پایه Vue 3 به همون شکل ورژن قبلی هست و اینطوری نیست که هرچیزی یاد گرفتین مجبور بشید دور بریزید مثل اتفاقی که برای angular 2 افتاد.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
ویژگی ها و تغییرات Vue 3
اگه قسمت قبل نخوندید میتونید از لینک زیر قسمت اول مطالعه کنید : 👇👇👇👇 👇
https://t.me/vue_js/69
3⃣ در ورژن جدید پشتیبانی خیلی بهتری میشه از تایپ اسکریپت.
4⃣ حجم کم تر! همین حالا هم Vue در کنار رقبا حجم کمتری داره ولی با قابلیت Tree-shaking که اضافه شده حجم میتونه تا نصف ورژن قبل کاهش پیدا کنه!
5⃣ سرعت بالاتر! خب یکی از دلایلش میتونه مورد قبلی باشه ولی به جز مورد قبل کلا virtual dom از اول نوشته شده و باعث شده سرعت حدود 1.3 تا 2 برابر بهتر بشه و در سمت ssr هم تا حدود 2-3 برابر سرعت افزایش یافته!
6⃣ قابلیت Fragments
در ورژن قبلی شما باید حتما یک تگ root داخل template کامپوننت خودتون داشته باشید در غیر این صورت با خطا مواجه میشدید، البته راه حل هایی بود برای حل این موضوع اما در این ورژن شما قابلیت تعریف چند root رو داخل template دارید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
اگه قسمت قبل نخوندید میتونید از لینک زیر قسمت اول مطالعه کنید : 👇👇👇👇 👇
https://t.me/vue_js/69
3⃣ در ورژن جدید پشتیبانی خیلی بهتری میشه از تایپ اسکریپت.
4⃣ حجم کم تر! همین حالا هم Vue در کنار رقبا حجم کمتری داره ولی با قابلیت Tree-shaking که اضافه شده حجم میتونه تا نصف ورژن قبل کاهش پیدا کنه!
5⃣ سرعت بالاتر! خب یکی از دلایلش میتونه مورد قبلی باشه ولی به جز مورد قبل کلا virtual dom از اول نوشته شده و باعث شده سرعت حدود 1.3 تا 2 برابر بهتر بشه و در سمت ssr هم تا حدود 2-3 برابر سرعت افزایش یافته!
6⃣ قابلیت Fragments
در ورژن قبلی شما باید حتما یک تگ root داخل template کامپوننت خودتون داشته باشید در غیر این صورت با خطا مواجه میشدید، البته راه حل هایی بود برای حل این موضوع اما در این ورژن شما قابلیت تعریف چند root رو داخل template دارید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
ویژگی ها و تغییرات Vue 3
مطالعه قسمت های قبلی :
قسمت اول : 👇👇👇👇 👇
https://t.me/vue_js/69
قسمت دوم : 👇👇👇👇 👇
https://t.me/vue_js/70
7⃣ اضافه شدن Composition API
یکی از امکاناتی که بیشتر از همه سر و صدا کردن و حتی خیلی ها ناراضی بودن همین بود.
در ورژن دو شما میتونستید با یک پلاگین قابلیت Composition API به پروژه خودتون اضافه کنید اما در این ورژن به صورت توکار این قابلیت اضافه شده.
در ورژن دو ما از Options API استفاده میکردیم که در ورژن جدید هم پشتیبانی میشه و شما مجبور به استفاده از Composition API نیستید.
یکی از مشکلاتی که در روش قبلی وجود داشت این بود که در فایل های بزرگ خوانایی و مدیریت کد ها سخت میشد که در این روش این مشکل حل کردن. در کل میشه مزایای روش جدید توی دو مورد زیر خلاصه کرد.
🔶 مدیریت و خوانایی بهتر کد ها
🔶 اشتراک و استفاده مجدد از کد ها
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
مطالعه قسمت های قبلی :
قسمت اول : 👇👇👇👇 👇
https://t.me/vue_js/69
قسمت دوم : 👇👇👇👇 👇
https://t.me/vue_js/70
7⃣ اضافه شدن Composition API
یکی از امکاناتی که بیشتر از همه سر و صدا کردن و حتی خیلی ها ناراضی بودن همین بود.
در ورژن دو شما میتونستید با یک پلاگین قابلیت Composition API به پروژه خودتون اضافه کنید اما در این ورژن به صورت توکار این قابلیت اضافه شده.
در ورژن دو ما از Options API استفاده میکردیم که در ورژن جدید هم پشتیبانی میشه و شما مجبور به استفاده از Composition API نیستید.
یکی از مشکلاتی که در روش قبلی وجود داشت این بود که در فایل های بزرگ خوانایی و مدیریت کد ها سخت میشد که در این روش این مشکل حل کردن. در کل میشه مزایای روش جدید توی دو مورد زیر خلاصه کرد.
🔶 مدیریت و خوانایی بهتر کد ها
🔶 اشتراک و استفاده مجدد از کد ها
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
ویژگی ها و تغییرات Vue 3
مطالعه قسمت های قبلی :
قسمت اول : 👇👇👇👇 👇
https://t.me/vue_js/69
قسمت دوم : 👇👇👇👇 👇
https://t.me/vue_js/70
قسمت سوم : 👇👇👇👇 👇
https://t.me/vue_js/71
8⃣ اضافه شدن Suspense
قطعا شما خواستید یک سری دیتا از سمت سرور بگیرید و به کاربر نمایش بدید اما تا وقتی که دیتا گرفته نشده ما با v-if لودینگ یا متنی رو به کاربر نمایش میدادیم تا دیتا گرفته بشه و بهش نمایش بدیم . تگ suspens همین کار برای ما انجام میده و دو تا بلاک در اختیار ما میزاره که یکی وقتی دیتا در حال گرفته شدن هست نمایش میده و یکی موقعی که دیتا کامل دریافت شده.
9⃣ استفاده همزمان از چند v-model
اگر از vue 2 ایتفاده کرده باشید میدونید به یک تگ بیشتر از یک v-model نمیشه وصل کرد اما در Vue 3 شما میتونید هر تعداد v-model به تگ خودتون وصل کنید.
0⃣1⃣ قابلیت Portal یا Teleport
تگ جدیدی به نام teleport اضافه شده که به شما اجازه میده یک قطعه کد رو همونطور که از اسمش مشخصه هرجای پروژه که دوست داستین نمایش بدید که میتونه خیلی جذاب باشه. البته داخل همین ورژن هم میتونید با پلاگین portal-vue این کار انجام بدید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
مطالعه قسمت های قبلی :
قسمت اول : 👇👇👇👇 👇
https://t.me/vue_js/69
قسمت دوم : 👇👇👇👇 👇
https://t.me/vue_js/70
قسمت سوم : 👇👇👇👇 👇
https://t.me/vue_js/71
8⃣ اضافه شدن Suspense
قطعا شما خواستید یک سری دیتا از سمت سرور بگیرید و به کاربر نمایش بدید اما تا وقتی که دیتا گرفته نشده ما با v-if لودینگ یا متنی رو به کاربر نمایش میدادیم تا دیتا گرفته بشه و بهش نمایش بدیم . تگ suspens همین کار برای ما انجام میده و دو تا بلاک در اختیار ما میزاره که یکی وقتی دیتا در حال گرفته شدن هست نمایش میده و یکی موقعی که دیتا کامل دریافت شده.
9⃣ استفاده همزمان از چند v-model
اگر از vue 2 ایتفاده کرده باشید میدونید به یک تگ بیشتر از یک v-model نمیشه وصل کرد اما در Vue 3 شما میتونید هر تعداد v-model به تگ خودتون وصل کنید.
0⃣1⃣ قابلیت Portal یا Teleport
تگ جدیدی به نام teleport اضافه شده که به شما اجازه میده یک قطعه کد رو همونطور که از اسمش مشخصه هرجای پروژه که دوست داستین نمایش بدید که میتونه خیلی جذاب باشه. البته داخل همین ورژن هم میتونید با پلاگین portal-vue این کار انجام بدید.
با دوستان خود به اشتراک بگذارید....
بزرگترین جامعه فارسی vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #vue_3 #news
🔸پشتیبانی Storybook از Vue 3
شما از این به بعد میتونید از Storybook داخل Vue 3 هم استفاده کنید. ناگفته نماند که شما میتونید داخل NUXT هم از Storybook استفاده کنید.
از ساسان فرخ عزیز هم برای کمک و توسعه Storybook برای Vue 3 هم تشکر ویژه میکنیم.
اطلاعات بیشتر :
https://storybook.js.org/blog/storybook-vue3/
🔸 تجربه کار با Vite در NUXT
به وسیله این ماژول شما میتونید Nuxt رو به وسیله Vite اجرا کنید که در آینده نزدیک میتونه جایگزین Webpack در پروژه ها بشه.
اطلاعات بیشتر :
https://github.com/nuxt/vite
🔸بهینه سازی build times در NUXT
اگه از Nuxt استفاده میکنید و پروژه شما کمی بزرگ شده باشه حتما build times webpack زمان زیادی از شما رو گرفته و اذیتتون کرده. به وسیله این ماژول شما میتونید سرعت build times رو افزایش بدید!
اطلاعات بیشتر :
https://github.com/harlan-zw/nuxt-build-optimisations
🔸انتشار Vuex 4 برای Vue 3
بلاخره ورژن Stable ورژن 4 Vuex برای Vue 3 منتشر شد و شما میتونید با خیال راحت تر از اون استفاده کنید.
نکته ای که داره این از ورژن قبلی هم یعنی Vuex 3 هم پشتیبانی کامل داره و این یعنی که شما میتونید از این ورژن در Vue 2 هم استفاده بکنید.
اطلاعات بیشتر :
https://next.vuex.vuejs.org/
با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #nuxt #news
شما از این به بعد میتونید از Storybook داخل Vue 3 هم استفاده کنید. ناگفته نماند که شما میتونید داخل NUXT هم از Storybook استفاده کنید.
از ساسان فرخ عزیز هم برای کمک و توسعه Storybook برای Vue 3 هم تشکر ویژه میکنیم.
اطلاعات بیشتر :
https://storybook.js.org/blog/storybook-vue3/
🔸 تجربه کار با Vite در NUXT
به وسیله این ماژول شما میتونید Nuxt رو به وسیله Vite اجرا کنید که در آینده نزدیک میتونه جایگزین Webpack در پروژه ها بشه.
اطلاعات بیشتر :
https://github.com/nuxt/vite
🔸بهینه سازی build times در NUXT
اگه از Nuxt استفاده میکنید و پروژه شما کمی بزرگ شده باشه حتما build times webpack زمان زیادی از شما رو گرفته و اذیتتون کرده. به وسیله این ماژول شما میتونید سرعت build times رو افزایش بدید!
اطلاعات بیشتر :
https://github.com/harlan-zw/nuxt-build-optimisations
🔸انتشار Vuex 4 برای Vue 3
بلاخره ورژن Stable ورژن 4 Vuex برای Vue 3 منتشر شد و شما میتونید با خیال راحت تر از اون استفاده کنید.
نکته ای که داره این از ورژن قبلی هم یعنی Vuex 3 هم پشتیبانی کامل داره و این یعنی که شما میتونید از این ورژن در Vue 2 هم استفاده بکنید.
اطلاعات بیشتر :
https://next.vuex.vuejs.org/
با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js
#vue #nuxt #news