🔸 امشب (جمعه 28 شهریور) حدود ساعت 8 شب کنفرانس Vuejs Global رو از دست ندید . Evan You دست پر اومده ....
به صورت آنلاین و رایگان از طریق یوتیوب

لینک پخش Youtube :
https://www.youtube.com/watch?v=Vp5ANvd88x0

میتونید از الان سابسکرایب کنید و Set reminder بزارین که به محض شروع شدن اطلاع پیدا کنید.

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vuejsamsterdam #vue #nuxt #conference #vuejsglobal

🔸 خب همونطور که حتما متوجه شدین Evan You در کنفرانس 2020 Vuejs Global به صورت رسمی بعد از حدود 2 سال Vue 3 رو با اسم رمز "One Piece" منتشر کرد.

🔸 اگه هنوز نمیدونید چه تغییرات و اتفاقاتی در Vue 3 افتاده میتونید این تغییرات رو در قالب 4 مطلب زیر در کانال مطالعه کنید :

قسمت اول : 👇👇👇👇 👇
https://t.me/vue_js/69
قسمت دوم : 👇👇👇👇 👇
https://t.me/vue_js/70
قسمت سوم : 👇👇👇👇 👇
https://t.me/vue_js/71
قسمت چهارم: 👇👇👇👇 👇
https://t.me/vue_js/73

🔸 کسایی هم که قصد استفاده در پروژه های خودشون رو دارن یا میخوان شروع به یادگیری کنن توصیه شده از همون ورژن 2 هنوز شروع کنن و بعد مهاجرت کنن به ورژن جدید.

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vuejsamsterdam #vue #nuxt #conference #vuejsglobal #vue_3

به تازگی ionic framework ورژن مخصوص Vue رو هم ارائه کرده. اگه قصد زدن اپ های موبایل با استفاده از Vue رو دارید پیشنهاد میکنم ionic رو هم جز گزینه هاتون حتما بزارید!

از خوبی هایی که داره :
✅ با Vue 3 ساخته شده.
✅ بیش از 100 کامپوننت مخصوص برای موبایل داره.
✅ باهاش میتونید اپ های Andriod ، ios، pwa خروجی بگیرید.

لینک وبسایت:
https://ionicframework.com/docs/vue/overview

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vue #ionic #mobile #pwa #vue_3
#ios #andriod #app

🔶 تجربه توسعه بهتر در Vue.js با VueDX

اگر شما از ادیتور VsCode استفاده میکنید و از توسعه دهندگان Vue هم باشید قطعا با Vueter آشنا هستید و روی ادیتور خودتون نصب دارید.

اما پروژه VueDx یا Vue Developer Experience همونطور که از اسمش مشخص هست اومده تجربه بهتری برای شما توسعه دهنگان Vue ایجاد بکنه.

در حال حاضر این پروژه در ورژن آلفا هست و ممکن مشکلاتی داشته باشه ولی با این حال شما میتونید از مارکت VsCode این اکستنشن رو دانلود و استفاده کنید که تعداد نصب قابل توجهی هم داره.

حتما توصیه میکنم یک نگاه بندازید و قابلیت هایی که به شما میده رو ببینید چون واقعا یک سری از قابلیت هاش میتونه برنامه نویسی رو برای شما لذت بخش و شیرین تر کنه.

لینک Marketplace VsCode :
https://marketplace.visualstudio.com/items?itemName=znck.vue-language-features

مخزن گیتهاب :
https://github.com/znck/vue-developer-experience


با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#tools #vue #vscode #vuedx

کنفرانس Vue.js Amsterdam

🔶 8 و 9 اسفند ماه (Feb 26-27) کنفرانس Vue.js Amsterdam به صورت آنلاین برگزار میشه که Evan You و اعضای اصلی تیم Vue قرار آخرین اخبار و تکنولوژی ها رو با شما به اشتراک بزارن و شما می‌تونید به صورت آنلاین این کنفرانس رو دنبال کنید.

🔶 پویا پارسا عزیز هم توی این کنفرانس طبق روال گذشته حضور داره و قرار درباره Nuxt 3 ارائه داشته باشه که براش آرزوی موفقیت میکنیم.

🎟 دسترسی به این کنفرانس کاملا رایگان هست پس از همین حالا میتونید به صورت رایگان ثبت نام کنید.

اطلاعات بیشتر و ثبت نام :
https://vuejs.amsterdam/

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vue #nuxt #vuejsamsterdam

سلام به همه دوستان عزیز سال نوتون مبارک
امیدوارم امسال سال خوبی داشته باشید و کلی پیشرفت و آرزو های خوب دارم براتون ❤️

امسال چهارمین سالی هست که در کنار هم هستیم و خوشحالیم که روز به روز تعداد خانواده Vuejs فارسی بیشتر و بزرگتر میشه.

از همه دوستانی که داخل زمینه های مختلف وقت میزارن برای کمک به دوستان و این جامعه کاربری خیلی خیلی سپاسگزارم ❤️


با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vue #vue_community #norooz

🔸پشتیبانی 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

🔸وبسایت Pluralsight به مدت یک ماه بیش از 7000 از دوره های خودش رو به صورت رایگان در اختیار همه گذاشته.(تا پایان ماه Aprill)

🔸خوبی که داره طیف زیاد و متنوع دوره ها و آموزش ها این وبسایت هست که فقط برای برنامه نویسی نیست و در زمینه های دیگه مثل گرافیک، مدیریت، معماری و کلی شاخه های دیگه فعالیت داره.

پس این فرصت از دست ندید و به بقیه هم اطلاع بدین تا از این موقعیت استفاده کنند!

آدرس وبسایت :
https://www.pluralsight.com

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#freeapril #learning #skill_up #pluralsight

یک Store Managment جدید به نام Pinia

از وقتی که Vue 3 و Composition API اومد خیلی ها معتقد بودن که دیگه شاید واقعا نیاز به اضافه کردن Store Managment ها مثل Vuex به پروژه ها نیست از طرف دیگه سر کله Store Managment های جدیدی این وسط پیدا شد.

یکی از Store Managment هایی که مورد توجه بیشتری قرار گرفت Pinia بود که اومده بود برای رقابت با Vuex.

از قابلیت هایی مهم که داره میشه به موارد زیر اشاره کرد :
🔸 پشتیبانی از Vue 2 - 3
🔸ساختار ساده تر
🔸پشتیبانی از typescript
🔸پشتیانی از SSR (Nuxt)
🔸پشتیبانی از Devtools
🔸حجم کم

و کلی موارد دیگه که باعث شده Pinia مورد توجه قرار بگیره. میتونید به سایت زیر مراجعه کنید و داکیومنت اون ببینید و بیشتر باهاش آشنا بشید :
https://pinia.esm.dev/

🔸 به عنوان نکته اخر هم خوبه اشاره کنم Vuex v5 ساختار مشابهی به Pinia داره!


با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#pinia #store #store_managment #vuex

ما در اصفهان آهن دنبال کسی هستیم که Vuejs رو بلد باشه و با Nuxt هم کار کرده باشه
خوشحال میشیم رزومتو واسمون اینجا 👇🏻بفرستی
https://jobinja.ir/646968

گروه IT Gap هر هفته در مورد یک موضوع و تکنولوژی در دیسکورد با هم دیگه صحبت و تبادل اطلاعات میکنن.
هفته گذشته موضوع جلسه درباره Vue.js بوده که پویا پارسا عزیز هم توی این گپ و گفتگو حضور داشت و به سوالات جواب میداد.

شما میتونید فیلم رکورد شده این گفتگو رو دانلود کنید و مشاهده کنید.

لینک دیسکورد و تلگرام این گروه :

https://discord.gg/6gQrAfm7wQ

https://t.me/computer_channell

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vue #vue_talk

NUXT 3 IS COMING !

خب همونطور که شاید اطلاع داشته باشید Nuxt 3 به صورت بتا و به صورت Private منتشر شد.
ورژن بتا به صورت رسمی در September 2021 (شهریور) منتشر و معرفی میشه.

اما شما میتونید زودتر ورژن جدید Nuxt رو از طریق لینک زیر امتحان کنید + ورژن جدید سایت Nuxt با ظاهر جدید :
https://www.npmjs.com/package/nuxt3

https://preview.nuxtjs.org/
(user&pass: nuxt)

برای اطلاع از اخرین تغییرات هم دیدن این دو فیلم خالی از لطف نیست.

State of Nuxt 3 (Pooya Parsa) :
Video: https://youtu.be/_-wqph-IaAw
Slides: https://shorturl.at/aenAF

Nuxt 3 in action (Sebastien Chopin) :
Video: https://youtu.be/iYUKinrebUE
Slides: https://nuxt.slides.com/atinux/nuxt-3-in-action

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vue #nuxt #nuxt3

مهمان کوچکی به نام petite-vue

خب petite-vue اصطلاحا یک کتابخانه progressive enhancement هست و فقط ~5.8kb حجم داره!

به شکل خیلی خلاصه بخوام بگم یک چیز شبیه jquery یا alpine.js هست البته با سینتکس Vue که کار برای ما خیلی راحت میکنه.

خب حالا فکر میکنین این کتابخانه کجا استفاده میشه؟
اگر شما پروژه‌ای دارین که میخواین یه بخشی کوچیک از پروژه رو با ویو انجام بدید احتمالا petite-vue کار شما رو راه میندازه. دیگه لازم نیست برای یه پلاگین وردپرس کاربر رو مجبور کنید تا ۶۰ کیلوبایت فایل کتابخونه ویو رو دانلود کنه. درسته که petite-vue همه امکانات ویو رو نداره ولی پر استفاده ترین امکانات رو خیلی کم حجم در اختیارتون قرار میده.

💡نحوه کار این کتابخانه با Vue اصلی متفاوت هست و از virtual DOM استفاده نمیکنه.

برای اطلاعات بیشتر و نحوه استفاده صفحه گیتهاب این پروژه مطالعه کنید:

https://github.com/vuejs/petite-vue

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vue #petite_vue #learning

کنفرانس Nuxt Nation

24 و 25 شهریور ماه (15-16 September) کنفرانس Nuxt Nation به صورت آنلاین برگزار میشه که شما میتونید به صورت رایگان در این کنفرانس شرکت کنید.

برای ثبت نام رایگان و اطلاعات بیشتر درباره سرفصل سخنرانی ها به سایت این کنفرانس سر بزنید :

https://nuxtnation.com/

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#nuxt #conference #nuxt3

کمتر از 20 ساعت تا انتشار Nuxt 3

https://nuxtjs.org/v3/

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#nuxt #nuxt3

🗓 معرفی کتابخانه های DatePicker شمسی برای Vue.js و Nuxt.js

یکی از پر استفاده و پرکاربرد ترین کامپوننت هایی که داخل هر پروژه ای ممکن هست استفاده بشه Date & Time Picker هست. توی این پست سعی میکنیم تمام کامپوننت های DatePicker که از تاریخ شمسی پشتیبانی میکنن رو به شما معرفی کنیم.

🔸 Vue Persian Date Time Picker
https://talkhabi.github.io/vue-persian-datetime-picker/#/

🔸 Vue Emrooz
https://emroozjs.netlify.app/

🔸 Vue Persian Datepicker
https://alireza-ab.ir/datepicker

🔸 Vue Awesome Datepicker
https://github.com/MohammadS3dd/vue-awesome-datepicker

🔸 Vue3 Persian Datepicker
https://mohammadoftadeh.github.io/vue3-persian-datepicker/

🔸 Vue2 Persian Datepicker
https://dyonir.github.io/vue2-persian-datepicker/

🔸Vue Persian Date
https://github.com/pourghasemi/PersianDatePicker

اگر شما هم Datepicker میشناسید که در لیست بالا نیست به ما معرفی کنید تا در لیست بالا اضافه کنیم.

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#datepicker #persian #persian_datepicker

احتمالا اسم وبسایت Vue Mastery شنیده باشید که در زمینه آموزش و دوره های آنلاین مرتبط با Vue.js فعالیت داره .

اگه قصد یادگیری Vue یا Nuxt یا کتابخانه های مرتبط با Vue رو دارید این فرصت رو از دست ندید !

چرا؟ چون Vue Mastery از تاریخ 26 تا 29 آذر (17 تا 20 December) کلیه آموزش های خودش رو به صورت رایگان برای همه در دسترس گذاشته !!

https://www.vuemastery.com/free-weekend


با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال vuejs و nuxtjs در ایران
لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vuemastery #vue #nuxt #learning

افزایش پرفورمنس وب اپلیکیشن‌های ویو با دایرکتیو v-momo
این دایرکتیو (directive) جدید که از نسخه ۳.۲ به ویو اضافه شده از رندرهای اضافی کامپوننت‌ها و المنت‌های HTML و تمامی subtree‌های اون‌ها در ویو جلوگیری می‌کنه.

شما باید این دایرکتیو رو با یک آرایه با طول ثابت مقداردهی کنید و هر موقع که هر کدوم از آیتم‌های داخل این آرایه تغییر کنه، کامپوننت یا المنت مربوطه هم دوباره رندر میشه اما اگر ثابت بمونه، اون کامپوننت و یا المنت و subtreeهای داخلش دوباره رندر نمیشن

در واقع قدرت واقعی این دایرکتیو اونجایی مشخص میشه که شما یک لیست بزرگ یا حجم زیادی از کامپوننت‌هایی دارید که با یک تغییر، همشون دوباره رندر میشن و خب این اصلا جالب نیست.

نحوه استفاده از این دایرکتیو خیلی ساده هست:
<div v-memo="[valueA, valueB]">
...
</div>

برای اطلاعات کامل‌تر و همینطور نحوه استفاده از این دایرکتیو در کنار v-for به لینک زیر مراجعه کنید:
https://v3.vuejs.org/api/directives.html

#نویسنده : #محمد_صالح_فدایی

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vue #v_memo #tips

استفاده از watch برای مشاهده تغییرات دو (یا چند) property در option API

با کمک یک computed property، که یک آبجکت شامل متغیرهای مورد نظرتون رو برمی‌گردونه، می‌تونید از یک watch برای مشاهده تغییرات در دو (یا چند) متغیر استفاده کنید.
استفاده از این روش علاوه بر مزیت ذکر شده، خوانایی کدهاتون رو هم افزایش میده.

پی نوشت: در composition API، بدون کمک گرفتن از computed می‌تونید تغییرات چندین property رو به صورت همزمان مشاهده کنید.

نویسنده: #محمد_صالح_فدایی

با دوستان خود به اشتراک بگذارید....
بزرگترین گروه و کانال توسعه دهندگان vuejs و nuxtjs در ایران

لینک گروه ：
https://t.me/ir_vuejs
لینک کانال ：
https://telegram.me/vue_js

#vue #tips #watch

جلوگیری از دسترسی به داده‌ها و متدهای داخل کامپوننت با استفاده از expose

به صورت پیشفرض، شما در ویو می‌تونید با استفاده از refs$ یا parent$ یا root$ به instance کامل یک کامپوننت دیگه دسترسی داشته باشین.

اما اگر زمانی ترجیح دادین که امکان دسترسی به پراپرتی‌ها، متدها و... رو در خارج از کامپوننت کنترل و محدود کنید، کافیه که با استفاده از آپشن expose اون مواردی که میخواید قابل دسترسی باشه رو مشخص کنید. این قابلیت رسما از ویو ۳.۲ اضافه شده.

اینکار باعث میشه که encapsulation بهتری داشته باشیم و کامپوننت‌مون قابلیت اطمینان بیشتری داشته باشه.

برای جزئیات بیشتر میتونین لینک زیر رو بخونین:
https://v3.vuejs.org/api/options-data.html#expose

پی‌نوشت: در کل دسترسی مستقیم به instance یک کامپوننت دیگه، bad practice هست و بهتره که اینکار انجام نشه و به جای اون از پترن‌های دقیق‌تر و درست‌تر استفاده کنیم.

مثالی میشناسین که ما در اون مجبور به استفاده از ref$ یا parent$ یا root$ بشیم و هیچ راه دیگه یا پترن خوب جایگزین نداشته باشه؟

نویسنده: #محمد_صالح_فدایی

لینک گروه :
https://t.me/ir_vuejs
لینک کانال :
https://t.me/vue_js