Тёмный

This is the Future of Vue 

LearnVue
Подписаться 44 тыс.
Просмотров 24 тыс.
50% 1

RESOURCES
Vue Rendering Mechanism - vuejs.org/guide/extras/render...
vue/core-vapor repo - github.com/vuejs/core-vapor
✅ Join the LearnVue+ Waiting List - learnvue.co
Get early access to videos, exclusive content, interactive code challenges, and more.
follow me on twitter
/ mattmaribojoc
#vuejs #vue #javascript #webdev

Наука

Опубликовано:

 

27 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 66   
@ColinRichardson
@ColinRichardson 2 месяца назад
Your video is the FIRST video to get all the information for all the parts correct. I've always had to do some small corrections here and there for the video creator.. But, none here.. You get a high five and a manly hug from me.
@pookiepats
@pookiepats 2 месяца назад
So already understanding Vue you still watch Vue content to audit the accuracy? I hope a piece of technology inspires this kind of behavior in me someday, dang.
@ColinRichardson
@ColinRichardson 2 месяца назад
@@pookiepats How would I know this video is about Vapor without watching the video?
@LearnVue
@LearnVue 2 месяца назад
🫡 glad my research is paying off
@caiovinicius2718
@caiovinicius2718 2 месяца назад
he's back fellas !! 💚
@cooltune
@cooltune 2 месяца назад
Pretty hyped for vapor mode for sure. Even though I never had issues with speed and performance in the first place. It most likely will take some time before we all can wrap our heads around all the ins-outs , caveats and such when 'vaporizing' some components. There's bound to be stuff that just suddenly stops being reactive, especially in the early stage.
@soviut303
@soviut303 2 месяца назад
Always great to see Vue keeping current with emerging frontend mechanics. I'm curious about the performance gains from this approach. I also wonder if there's a tipping point where a large app winds up being smaller using the virtual DOM.
@LearnVue
@LearnVue 2 месяца назад
based on svelte and stuff, im thinking yes, but im sure someone will do some tests lol github.com/sveltejs/svelte/issues/2546
@thedofflin
@thedofflin 2 месяца назад
Scaling of Svelte apps has never been a remotely real problem.
@gmd2171
@gmd2171 2 месяца назад
Idk but thumnail was clean and good and short title. really pulled me into watching this video :p
@brhoom.h
@brhoom.h 2 месяца назад
with vue, how to animate ui? with pure gsap like npm install gsap? or uesing vueuse/motion or with oku Motion? what is the best choice?
@QueeeeenZ
@QueeeeenZ 2 месяца назад
I wonder if I will be able to flip a switch on my existing Vue 3 projects and turn on Vapor mode and everything will work the same only 3x faster...
@Shulkerkiste
@Shulkerkiste 2 месяца назад
If I have a huge list with hundreds or thousands of elements, it's best to use a v-for on a normal HTML element instead of an extra component to avoid all these component instances. However, can I use components for those list items with Vapor mode? Can I use an arbitary amount of (wrapper or static styling related) components by using Vapor mode *without* affecting performance?
@LearnVue
@LearnVue 2 месяца назад
it'll still be "slower" than plain HTML elements because there's still some component overhead. Haven't run tests on the exact impacts for lists for Vue 3, Vapor, and Plain HTML though.
@Shulkerkiste
@Shulkerkiste 2 месяца назад
@@LearnVue That's good to know. Thank you!
@Fifciuu
@Fifciuu 2 месяца назад
BTW I believe the best approach for mentioned case is virtualization. Check vue3-virtual-scroller package as an example
@devoxygen7395
@devoxygen7395 2 месяца назад
Ahan video after video. Carry on bro
@LearnVue
@LearnVue 2 месяца назад
🫡🫡
@matanon8454
@matanon8454 2 месяца назад
new video!! 💚💚
@LearnVue
@LearnVue 2 месяца назад
two in a week???
@Qefx
@Qefx 2 месяца назад
What drawing tool is this?
@LearnVue
@LearnVue 2 месяца назад
eraser.io
@jitx2797
@jitx2797 2 месяца назад
It they manage the compatibility thing then Vue will grow very much...coz vue has a big ecosystem.
@zagoskintoto
@zagoskintoto 2 месяца назад
How does this compare to HTMX using an event bus?
@yoshirubin9481
@yoshirubin9481 2 месяца назад
Really concise and clear explanation
@ttaysson
@ttaysson 2 месяца назад
Thanks for the information bro, good video 👍
@Slotherinee
@Slotherinee 20 дней назад
What font and theme in vscode?
@maxwebstudio
@maxwebstudio 2 месяца назад
Reall cool video, well explained. Thanks
@daniels7250
@daniels7250 2 месяца назад
Can you pls make a Vue beginners tutorial as your channel is dedicated to Vue.js and that would approach alot of people. Thanks!
@sergeyharchenko5116
@sergeyharchenko5116 2 месяца назад
EVERY vue tutorials is for beginners.. pls, make tutorials for middle+
@pepinogdev
@pepinogdev 2 месяца назад
I think Evan started creating vue using a VDOM to avoid directly modifying the DOM due to performance, why is this a better option now?
@LearnVue
@LearnVue 2 месяца назад
good q. the point of the VDOM was to minimize DOM operations. At some point, the DOM HAS to be directly modified to update the page. But, if we could get directly to those real DOM operations without a VDOM. We have the same end-result without additional memory or runtime code
@ColinRichardson
@ColinRichardson 2 месяца назад
It may be the api's for browsers have stabilised, Only recently did computed stop claiming it's value had changed when infact it hadn't..
@exsesx
@exsesx 2 месяца назад
@@LearnVue so, why people invented VDOM? Was it wrong branch to follow? Makes you think 🤔
@soviut303
@soviut303 2 месяца назад
@@exsesx No, it was the right decision at the time. The big issue at the time was that people were writing JQuery apps that would thrash the DOM with all sorts of changes that would happen sequentially. For example, they'd you'd render a list of items by looping over them and inserting each item separately; that's a new DOM update for each item. The virtual DOM let you consolidate all those changes to the VDOM first, then do a single DOM update. Vue Vapor avoids this by still only doing a single DOM update to add all the items, however, it doesn't need to do the consolidation and diffing on a VDOM anymore.
@exsesx
@exsesx 2 месяца назад
@@soviut303 thanks for the explanation 🫶🏼
@theduo3675
@theduo3675 2 месяца назад
Can we get more videos 💚
@LearnVue
@LearnVue 2 месяца назад
im trying
@nomadshiba
@nomadshiba 2 месяца назад
good stuff
@DaveStewartLondon
@DaveStewartLondon 2 месяца назад
Nice "vaper" pun 😁
@LearnVue
@LearnVue 2 месяца назад
finally someone commented on it 🙏
@DaveStewartLondon
@DaveStewartLondon 2 месяца назад
@@LearnVue 😁 you're welcome
@jorgeosorio1613
@jorgeosorio1613 2 месяца назад
cool video
@ajinkyax
@ajinkyax 2 месяца назад
in our workplace (Poland team) we have banned things from China, and Vue Vapor has biggest sponsor ie. China
@andreydyugaev1958
@andreydyugaev1958 2 месяца назад
That's funny. "A cool new feature" that has been implemented in svelte for a long time
@mikhalpalych
@mikhalpalych 2 месяца назад
Oh i have a big feeling that vue will overtake this framework battle. Only i could wish besides getting rid of vdom somehow is same 3d ecosystem like r3f+drei
@Ролтун
@Ролтун 2 месяца назад
Че тут сказали?
@nullpointer1755
@nullpointer1755 2 месяца назад
so now, every web framework is basically svelte at this point
@pookiepats
@pookiepats 2 месяца назад
It took a journalist to introduce the most sensible framework lmao
2 месяца назад
agreed, that's what i see, lot of people that use other frameworks critic svelte, and say is not ready, yet everybody is trying to do the things in the svelte way
@playboycity
@playboycity 2 месяца назад
He literally said based on solidjs
@nullpointer1755
@nullpointer1755 2 месяца назад
@@playboycity and svelte came up with that idea before solidjs. I recommend you to watch 'Rethinking reactivity', a talk by Rich Harris (the creator of svelte) which was made 4 years ago.
@mostafarezaie-yt
@mostafarezaie-yt 2 месяца назад
Or jQuery lol
@adriatic123
@adriatic123 Месяц назад
Another useless feature that makes programmers world more complicated. Compare those constant useless changes to excellent C language that is still efficient and unchanged after 50 years. We live in bad times
@alexandrodisla6285
@alexandrodisla6285 2 месяца назад
Svelte was right
@kishirisu1268
@kishirisu1268 2 месяца назад
How to impove Vue? Use React.
@miauw8762
@miauw8762 Месяц назад
React is dumb
@robertocollina6834
@robertocollina6834 2 месяца назад
Feels like we're back to the good old knockout.js days and I personally think it's a very good thing :)
Далее
Vapor: The Future Of Vue
21:27
Просмотров 111 тыс.
The Difference Between Vue and React
10:27
Просмотров 30 тыс.
это самое вкусное блюдо
00:12
Просмотров 2 млн
You're Probably Using Nuxt Wrong
5:16
Просмотров 14 тыс.
A Better Way To Organize Components In Vue
10:10
Просмотров 17 тыс.
Reviewing your React Code: Episode #3
14:27
Просмотров 5 тыс.
So You Think You Know Git - FOSDEM 2024
47:00
Просмотров 1 млн
The Truth about Rust/WebAssembly Performance
29:47
Просмотров 173 тыс.
Visual Guide to the Modern Frontend Toolchain (Vite)
9:18
why im NOT hyped for nuxt 4
4:00
Просмотров 14 тыс.
РЭДФЛАГИ СБОРЩИКОВ ПК часть 1
1:00
💅🏻Айфон vs Андроид🤮
0:20
Просмотров 733 тыс.