کنفرانس Vue Js Nation

6 و 7 بهمن ماه (26-27 January) کنفرانس Vue Js Nation به صورت آنلاین برگزار میشه که شما میتونید به صورت رایگان در این کنفرانس شرکت کنید.

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

https://vuejsnation.com/

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

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

#vue #conference #nuxt

اجرای دستی همه effectهای وابسته به shallowRef

همونطور که می‌دونین، هر وقت یک ref آپدیت میشه تمامی watchها، computedها و... وابسته به اون دوباره اجرا میشن تا تمامی stateهای مرتبط به صورت دومینو وار آپدیت بشن (به این وابستگی‌ها میگن effects).

اما زمانی که از shallowRef استفاده بشه، هر زمان یکی از propertyهای داخلی آبجکت مربوط بهش تغییر کنه، هیچ افکتی دوباره اجرا نمیشه. دلیل این امر اینه که از shallowRef استفاده شده و propertyهای داخلی reactive نیستن و با تغییرشون هیچ effectی اجرا نمیشه.

اگر بخواید که این effectها دوباره اجرا بشن، باید اون‌ها رو به صورت دستی و توسط triggerRef دوباره اجرا کنید.

پی‌نوشت: triggerRef رو هم میشه با ref استفاده کرده اما نیازی به اینکار نیست و ویو به طور خودکار تمامی effectهای مرتبط رو براتون دوباره اجرا می‌کنه.

Reference:
https://v3.vuejs.org/api/refs-api.html#triggerref

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

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

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

#vue #tips

متوقف کردن اجرای watch و watchEffect در Composition API

جالبه بدونین که watch و watchEffect یک تابع به عنوان تابع متوقف کننده برمی‌گردونن. تنها کافیه این تابع رو فراخوانی کنید تا watcher مورد استفاده متوقف بشه و بعد هر تغییر اجرا نشه.

Reference:
https://v3.vuejs.org/guide/reactivity-computed-watchers.html#stopping-the-watcher

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

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

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

#vue #tips #watch

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

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


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

#vue #vue_community #norooz

🔸Reactivity Transform

با اضافه شدن Composition API در Vue 3 هنگامی که شما با Reactivity API کار میکنید برای دسترسی به مقادیر باید حتما .value به متغییر خودتون اضافه کنید تا به مقدارداخل متغییر دسترسی داشته باشید .

در ورژن 3.2.25 به صورت آزمایشی Reactivity Transform اضافه شده که به صورت پیش فرض غیرفعال هست و شما میتونید دستی خودتون اون رو فعال کنید .

اما Reactivity Transform چه کمکی به ما میکنه ؟ خیلی ساده بخوام بگم از این به بعد دیگه نیاز نیست که شما .value رو اضافه کنید و خود vue هنگام کامپایل کردن این کار رو برای شما انجام میده. فقط کافیه هنگام کارکردن با Reactivity API ها به اول آن ها $ اضافه کنید.

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

https://vuejs.org/guide/extras/reactivity-transform.html

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

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

#vue #tips

بررسی Vue 3 Core Engine

این هفته ، داخل جلسات تیم فرانت علی بابا درباره ی core vue 3 صحبت شد.

در این ارائه نحوه ی render و compile کردن engine ویو 3 مورد بررسی قرار میگیره و همچنین ماژول reactivity با استفاده از javascript پیاده سازی میشه.

اگر دوست دارید درک عمیق تری از نحوه کار Vue 3 به دست بیارید این ویدیو رو از دست ندید.

https://www.youtube.com/watch?v=f_mV60ZfeLk&t=672s


با تشکر از #محمدرضا_هدایتی بابت این ارائه خوب

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

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

#vue #vue3

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

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

به امید روزهای بهتر

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

#vue #vue_community #norooz

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

اگه دوست دارید مثل یک نینجا 🥷 از vue 3 استفاده کنید این کتاب برای شماست .  به صورت کامل و مفصل تمام مواردی که برای توسعه یک وبسایت با Vue 3 نیاز هست رو توضیح داده.

این کتاب به صورت پولی هست و اگه توانایی خرید داشتید بهتره که به روش قانونی تهیه کنید و اگر هم امکانش وجود نداره از همین جا میتونید به صورت کامل دانلود کنید

https://books.ninja-squad.com/vue

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

#vue #book

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

#vue #book