How to use Vue JS Transitions | Tutorial Basics 2019

  Рет қаралды 21,335

Tyler Potts

Tyler Potts

Күн бұрын

Пікірлер: 34
@jeffrey_codes
@jeffrey_codes 5 жыл бұрын
The part with transitions starts at 11:27 Great video, Tyler!
@TylerPotts
@TylerPotts 5 жыл бұрын
Thank you!
@giorgikhutiashvili4774
@giorgikhutiashvili4774 3 жыл бұрын
@@TylerPotts why would you make someone wait for 11 minutes to ACTUALLY start watching for what they were came to watch
@jaxoncaiden2604
@jaxoncaiden2604 3 жыл бұрын
i realize Im quite off topic but do anyone know a good site to stream new series online ?
@Viktorres1
@Viktorres1 3 жыл бұрын
Thanks! Very good basics. It was enough to finish my task:)
@abumurasaki
@abumurasaki 2 жыл бұрын
if you're using v-if/v-else logic on components instead of routing, it''s better to use 'display: none' on -leave class to prevent flickers
@TylerPotts
@TylerPotts 5 жыл бұрын
Skip to 4:10 to skip to the code :D
@itsjakobyte
@itsjakobyte 4 жыл бұрын
Great video! Thanks!
@TylerPotts
@TylerPotts 4 жыл бұрын
Glad you liked it!
@kristofszobacsi5123
@kristofszobacsi5123 4 жыл бұрын
Man you are awesome!!! THANK YOU SO MUUCH!
@rebeka1212100
@rebeka1212100 5 жыл бұрын
That Vue logo rotation 😄😄👏
@TylerPotts
@TylerPotts 5 жыл бұрын
😂😂
@MrJloa
@MrJloa 5 жыл бұрын
How can you make enter & leave transitions work simultaneously? I mean the modes that vue has "in-out" and "out-in" are both synchronous transitions. What if want them work at the same time? A good example is how pages swipe in Mobile apps. Basically the old page slides out left, whereas the next page slides in from the right simultaneously ie both transitions start at the same time. Atm I can't achieve this with.
@blemming9914
@blemming9914 5 жыл бұрын
At 27:43 , your enter-to and leave classes are wrong but the animation still works, you called them anim-img instead of img-anim, which is odd 🤔🤔
@TylerPotts
@TylerPotts 5 жыл бұрын
Weird I'm not sure how Vue deals with the name behind the scene but it shouldn't have worked 😂
@hostuser3635
@hostuser3635 4 жыл бұрын
Top!!! 🥳 Thank you 💟💟💟😊
@Pads3d
@Pads3d 4 жыл бұрын
Great Vid, cheers my man :)
@TylerPotts
@TylerPotts 4 жыл бұрын
Appreciate it!
@tiagooliveira9196
@tiagooliveira9196 4 жыл бұрын
Great tutorial... and please let me know which theme you are using :D
@TheKondinho
@TheKondinho 5 жыл бұрын
Top, top tutorial, Tyler.
@TylerPotts
@TylerPotts 5 жыл бұрын
Thanks! 🙌
@TheBorninmotion
@TheBorninmotion 5 жыл бұрын
wow! please make more tuts with vue !
@vianneyablo1655
@vianneyablo1655 3 жыл бұрын
thank you
@jkbullitt8986
@jkbullitt8986 4 жыл бұрын
Great stuff! Cheers
@wowdemnok
@wowdemnok 5 жыл бұрын
What's that on your chrome at 1:58?
@TylerPotts
@TylerPotts 5 жыл бұрын
That is my new tab it is a Developer news feed. Here's a link: www.dailynow.co/
@samsonnwokike9897
@samsonnwokike9897 5 жыл бұрын
Nice
@mayursaroj4360
@mayursaroj4360 4 жыл бұрын
@Александр-и9й6ъ
@Александр-и9й6ъ 5 жыл бұрын
респект!)
@TylerPotts
@TylerPotts 5 жыл бұрын
Respect :)
@andresianorock
@andresianorock 4 жыл бұрын
.anim-img hahaha
@amirrahman853
@amirrahman853 5 жыл бұрын
Till 9 minutes I didn't see anything related to Vue transition instead seen all the garbage should report this video as missleading
@TylerPotts
@TylerPotts 5 жыл бұрын
You could do that or you could stop complaining about something that is actually in the video. There is Vue transitions so it isn't "misleading", just because it isn't at the start doesn't mean it's "misleading". Normally I understand when people complain but you're just a waste of potential. What you can do is not watch my videos that I do for free out of my own time to help other people get started, I don't make anything significant (less than $1) for my videos. Sorry, normally I would apologize but I've learned some people aren't worth it.
Vue JS Animations | How to Tutorial 2019
21:43
Tyler Potts
Рет қаралды 26 М.
Animating Vue Router Transitions in Vue 3
12:08
LearnVue
Рет қаралды 54 М.
Сестра обхитрила!
00:17
Victoria Portfolio
Рет қаралды 958 М.
Что-что Мурсдей говорит? 💭 #симбочка #симба #мурсдей
00:19
Build a Calculator with Vue.js
22:36
freeCodeCamp.org
Рет қаралды 160 М.
Make Awesome SVG Animations with CSS // 7 Useful Techniques
12:20
VueJs Animation the Easy Way | Diligent Dev
13:35
Diligent Dev
Рет қаралды 18 М.
Learn CSS Subgrid in 14 minutes
14:19
Slaying The Dragon
Рет қаралды 97 М.
9 Web Design Trends 2025 to Spruce Up Your Site
16:33
Showit
Рет қаралды 102 М.
This is why you should lazy load routes and components in Vue
5:14
John Komarnicki
Рет қаралды 15 М.
3 Ways to Build Better Vue Transitions
3:34
LearnVue
Рет қаралды 19 М.
The Easy Way to Design Top Tier Websites
11:54
Sajid
Рет қаралды 717 М.
Learn CSS Animation In 15 Minutes
15:33
Web Dev Simplified
Рет қаралды 786 М.
Сестра обхитрила!
00:17
Victoria Portfolio
Рет қаралды 958 М.