![LearnVue](/img/default-banner.jpg)
- Видео 117
- Просмотров 2 927 256
LearnVue
США
Добавлен 18 янв 2021
LearnVue provides developer focused learning for the Vue.js framework. With fast-paced videos, you can learn quickly and spend more time developing your projects!
What's New In Vue 3.5?
Vue 3.5 released today with a lot of performance, SSR, and quality-of-life changes. Let's talk about them.
RESOURCES
blog post - blog.vuejs.org/posts/vue-3-5#usetemplateref
changelog - github.com/vuejs/core/blob/main/CHANGELOG.md
delayed hydration video - ruclips.net/video/Pz-jnSYJnjk/видео.htmlsi=nj3OCMUsnVe_VJz-
✅ 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
RESOURCES
blog post - blog.vuejs.org/posts/vue-3-5#usetemplateref
changelog - github.com/vuejs/core/blob/main/CHANGELOG.md
delayed hydration video - ruclips.net/video/Pz-jnSYJnjk/видео.htmlsi=nj3OCMUsnVe_VJz-
✅ 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
Просмотров: 10 044
Видео
I LOVE this new Nuxt Feature
Просмотров 7 тыс.День назад
RESOURCES nuxt scripts - scripts.nuxt.com/ nuxt scripts intro tutorial - scripts.nuxt.com/docs/getting-started/confetti-tutorial ✅ 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
My new favorite way to build apps…
Просмотров 8 тыс.14 дней назад
NuxtHub is a new way to deploy your Nuxt apps built by NuxtLabs. RESOURCES hub.nuxt.com/ ✅ 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
Vue is getting EVEN FASTER?
Просмотров 14 тыс.21 день назад
RESOURCES Vue 3.5 Changelog - github.com/vuejs/core/blob/minor/CHANGELOG.md Nuxt Draft PR (i recommend trying it out) - github.com/nuxt/nuxt/pull/26468 ✅ 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
You're Probably Using Nuxt Wrong
Просмотров 22 тыс.4 месяца назад
RESOURCES Source Code - github.com/nuxt/nuxt/blob/fdbfed1280839171b160f388f1977fb08d89a23d/packages/nuxt/src/app/composables/asyncData.ts#L198 ✅ 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
why im NOT hyped for nuxt 4
Просмотров 17 тыс.4 месяца назад
RESOURCES blog post - nuxt.com/blog/looking-forward-2024 daniel roe's cityjsconf talk - ruclips.net/user/livedDUwsJQ_Nu4?si=sUeHUdzLOmBfl_zj&t=10129 ✅ 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
Server Components Keep Getting Better
Просмотров 7 тыс.5 месяцев назад
Server Components Keep Getting Better
I Wanted This Nuxt Feature for Years and It's Finally Here.
Просмотров 7 тыс.Год назад
I Wanted This Nuxt Feature for Years and It's Finally Here.
Recreating This BEAUTIFUL Nuxt Effect
Просмотров 11 тыс.Год назад
Recreating This BEAUTIFUL Nuxt Effect
3 Ways to Build Better Vue Transitions
Просмотров 18 тыс.Год назад
3 Ways to Build Better Vue Transitions
Astro SSR is AMAZING for working with content
Просмотров 13 тыс.Год назад
Astro SSR is AMAZING for working with content
A First Look at Nuxt SERVER COMPONENTS
Просмотров 14 тыс.Год назад
A First Look at Nuxt SERVER COMPONENTS
3 Vue Libraries I Use On Every Project
Просмотров 32 тыс.Год назад
3 Vue Libraries I Use On Every Project
I didn't know this Vue pattern existed (but I LOVE it)
Просмотров 13 тыс.Год назад
I didn't know this Vue pattern existed (but I LOVE it)
This type of ui effect is used in steam cards nice to see how it is created
Which vs code extensions you use?
Go + Alpine / HTMX - done
htmx
Great, now i need another config file for my config files
i hope maybe maybe someday...
Telescope and isearch: 😂
what can i use for laravel to do the same?
Ага, без этого мы бы давно умерли
My God... looking at these improvements, for me it's incredible that React is still the leader... Great video! I hope your work keeps the community alive!
File nesting feature is a life saver
Vue has everything, and much more organized and simple compared to react nearly everything you want to achieve requires a hook. 🤷
what's the browser you use?
Nextjs is exposed to network anyway right? Local
Never heard about "Teleport" since now. Thank you!
defineModel is bad, because when you mutating value and after want to use it in the same scope, you need to remember to put nextTick after mutation. Otherwise value won't be mutated and nothing indicate that is async. Easy to make bugs with it :/ And vue team saying that is correct behavior.
I think most of the vue devs are waiting for Vapor mode. But 3.5 has is also exciting. 🔥
looks like port forwarding
Hi, Your videos are amazing! Is this feature avalible as stable already (not experimental) in Nuxt?
who cares about vue in 2024?
You it seems. Clicked the video that's titled "What's New In Vue 3.5?" by LearnVue. Don't know what you expected. Go back to your vim dungeon heathen while true frameworks eat your lunch.
Thanks
Vue has the best DX of all the frameworks and better performance than many, but people still sleeping on Vue.
What font do you use?
Teleport defer should really just be the default, I think we can all wait a cycle to move something, eh?
Deferred Teleport is a feature I didn't know I needed lol
With defer teleport, can I keep teleporting a component between routes? Would be cool to do that.
Vue 📈
Finally useId built in. This means icons that need unique ids (used in masks, symbols, filters, some animations) don't have to use weird shenanigans to get unique ids for everything. Waited for this for so long!
that’s a fire use case. what were you doing before
@@LearnVue Before there were several solutions: 1. Render icon only after it is mounted, generating random ids. Might sound counter-productive, but it solved hydration mismatch because component renders empty element when hydration happens and on server. Delay between original render and re-render is very small. 2. Rendering icons as background/mask images. One of better solutions, but has issues with animated icons - animation timer starts only first time icon is rendered and cannot be restarted. 3. Using web component. Then icon is in Shadow DOM, no hydration and unique id issues. However, that brings another issue: web components are not always rendered instantly, sometimes there is a delay.
I'm not a fan of destructuring props tho. I love the semantics behind the "props" prefix.
I also like to know that a prop is a prop just by looking at it.
You still can use both. Just mention it in your company's styleguide.
finally useTemplateRef() ... using ref() for everything was kinda weird tbh i'll be waiting for the video on that ⏳
I had a lot of discussion on the GitHub RFC for reactive props destructuring. So I'm super glad that it's now official part of Vue and I don't need to argue anymore :D Was really excited about the faster reactivity tracking, because I have a project with pretty large nested arrays, but didn't notice a performance difference unfortunately.
finally <Teleport> 🤤
Sounds like things that were easy with jQuery will finally rebecome easy today!
What are your vscode settings? Such theme and font family.
Cool
Kunze Glens
Props destructuring and defaults looks 🔥
great update.
Love Vue!
Haven't touched vue after i got myself into corporate jungle.
Same here. Was using vue since 3 years, got into corporate and have to use react. I miss vue so much.
@@amitk.512 at least you are using react, at my company they are all using angular 16
We actually only use Vue at my current job.
I've only ever used Vue for work
fancy
Vue is the easiest
What is the font used in your ide?
Yes SIR
It should be called W js
great video!
I tried Vue after watching your videos but soon started hating it as I more worked in it especially the vue-use package. It got some helper tools but most of them doesn't stack together, for instance when using focus trap, it'll throw an error if no trappable elements are present in the container, the second one is keyboard shortcut composable. There is no option to even listen for events on window. Third the Vue's transition API breaks on nested transitions. In short very bad experience with Vue 2/10.
Vue is better than the alternatives by a long shot. React has too many options and Angular is way too verbose for no reason. Blaming Vue for an external composable library that I'm guessing you used wrong doesn't mean it's bad lol.
@@alec9260 Nah, I've used Vue back in 2020 and now they've added the composition API stuff its much better than the previous syntax but the refs also make a lot of issues, you have to unref and toref a value and do all sorts of juggling.
actually after my project grower bigger n bigger im use nuxt and nuxt ui. my app took very long time. im consider to use just vue and vue router and just tailwindcss and separate frontend and backend
Depending on your needs, this might be the best you can do
that attribute font is horrendous. I guess when color isn't enough...
Works on useRoute too 🎉
Cool! In case you didn't know - this was already possible with the use of the typed-router module for Nuxt.