جاوااسکریپت | JavaScript

513 views_, 04:30

خلاصه رویداد Vue Fes Japan 2024 و معرفی Vue Vapor
در نوزدهم اکتبر سال دوهزار و بیست و چهار، رویداد سنتی Vue Fes Japan 2024 برگزار شد که بسیاری از علاقه‌مندان و متخصصان حوزه وب را گرد هم آورد. در این کنفرانس، کوین دنگ، یکی از توسعه‌دهندگان فریمورک Vue، نسل جدیدی از این فریمورک به نام Vue Vapor را معرفی کرد. انتظار می‌رود که Vue Vapor عملکرد Vue را به طور چشمگیری بهبود بخشد و آن را به ابزاری سریع‌تر و کارآمدتر برای ساخت برنامه‌های مدرن وب تبدیل کند. این تغییر نه تنها موجب افزایش سرعت و کاهش مصرف حافظه می‌شود، بلکه به انعطاف‌پذیری و انطباق این فریمورک برای پروژه‌های پیچیده‌تر نیز کمک خواهد کرد.

‌‏Vue Vapor چیست؟
‏Vue Vapor یک مکانیزم رندر جدید است که ویژگی‌های زیر را به همراه دارد:

ارتباط مستقیم با APIهای نیتیو DOM

در Vue Vapor دیگر از DOM مجازی (Virtual DOM) استفاده نمی‌شود. به جای آن، مستقیماً از APIهای نیتیو DOM بهره می‌برد. این امر باعث کاهش پیچیدگی، افزایش سرعت و کاهش مصرف حافظه می‌شود، زیرا مراحل واسطه‌ای کاهش یافته و فشار روی سیستم کمتر می‌شود.
کاهش اندازه باندل نهایی

با استفاده مستقیم از APIهای DOM، نیاز به کدهای اضافه برای پردازش گره‌های مجازی DOM حذف می‌شود. این باعث می‌شود برنامه‌ها باندل کوچکتری داشته باشند و برای کاربرانی که با اینترنت ضعیف دسترسی دارند سریع‌تر بارگذاری شوند.
رندر دقیق و جزیی (Fine-grained Rendering)

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

با استفاده از ارتباط مستقیم با APIهای نیتیو DOM، اندازه باندل تا پنجاه و سه و سه دهم درصد (۵۳.۳٪) نسبت به حالت استاندارد DOM مجازی کاهش یافته است. این میزان بهبود بدون در نظر گرفتن اندازه سیستم واکنش‌پذیری است که حتی بدون آن نیز کاهش اندازه باندل، به طرز قابل توجهی در عملکرد برنامه مؤثر است.
افزایش سرعت عملکرد

برای ارزیابی سرعت، می‌توان جاوااسکریپت خالص را به‌عنوان مرجع صددرصدی در نظر گرفت. در حال حاضر، سریع‌ترین فریمورک Solid است و بعد از آن Svelte قرار دارد. اکنون Vue Vapor هم‌تراز با Svelte عمل می‌کند، که نشان‌دهنده عملکردی بسیار سریع‌تر نسبت به حالت DOM مجازی Vue و React با Jotai است. با وجود اینکه Vue Vapor از Vue DOM مجازی و React پیشی گرفته است، تیم توسعه همچنان در تلاش است تا عملکرد آن را بیش از پیش بهبود بخشد.
این تغییرات باعث می‌شود Vue برای پروژه‌های آینده‌نگرانه و پیچیده، به گزینه‌ای جذاب‌تر تبدیل شود و سرعت و کارایی بیشتری را برای توسعه‌دهندگان فراهم کند.

<script setup vapor>
import { ref } from 'vue'


const count = ref(0)


function increase() {
  count.value++
}
</script>


<template>
  <h1>Count: {{ count }}</h1>
  <button @click="increase">Increase</button>
</template>

آیا باید بلافاصله به Vapor مهاجرت کنیم؟
پاسخ منفی است؛ کامپوننت‌های Vapor با حالت vDOM سازگار خواهند بود و برعکس. حالت خالص Vapor نیز پشتیبانی خواهد شد. این امکان گذار به شیوه‌ای روان‌تر را فراهم می‌کند، بدون نیاز به انتقال فوری کل پروژه به Vapor. شما می‌توانید ابتدا کامپوننت‌هایی را که از نظر عملکرد حیاتی هستند به Vapor منتقل کرده و بقیه را در حالت vDOM نگه دارید.

جمع‌بندی
‏Vapor آغاز جدیدی برای Vue است. تقریباً همه چیز از پایه بازنویسی شده است.
‏Vapor زیرمجموعه‌ای از حالت vDOM در Vue است که بر ساده‌سازی تمرکز دارد.
‏Vapor در حال حاضر بهینه‌سازی چشمگیری در عملکرد و اندازه‌ی باندل ایجاد کرده است.

🔗https://habr.com/ru/companies/first/articles/856346/
#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript

Хабр

Новый этап эволюции Vue — Vapor

19 октября 2024 года завершился Vue Fes Japan 2024 — традиционное событие, которое собрало множество энтузиастов и экспертов в области веб-разработки, где рассказывали о будущем экосистемы вью. На...

👏3❤1🔥1🥰1

600 views_, 10:14