Vue explained to React Developers in 6 mins

By the end of this video, we'll convert some React components into Vue components to explain how Vue works. We'll also look at why so many developers enjoy and use Vue.

#vue #react

✨ SOCIAL ✨

⚡ RESOURCES ⚡

⭐ TIMESTAMPS ⭐
0:00 - Overview
0:43 - React Counter
1:07 - Vue Counter
2:55 - Vue template
4:31 - useEffect in Vue
5:17 - Tooling / Libraries

[misterkevin_rs]

I'd love Vue to have a fully first-class citizen framework for mobile development like React-Native is for the market right now.

[TJKlimoski]

great short video here. exactly what I was looking for.

[ivangrey]

please make more videos like this, it’s very enjoyable

[abhinaykatta]

I feel saved after watching this. Thank you.

[MaxProgramming]

I like both tbh. But idk why I feel more comfortable with React. Let's Vue again

[RianYK]

I feel more comfortable with Vue JS btw, and dont forget with their "easy to understand" documentation too.

[denno]

I started with Vue, I do personal projects in Vue, but at work I use React. I feel like this video made Vue look far more complicated than React :/

[evertp]

I've been using React for 2 years, but have been interested in Vue for a while as well. This video has completely deterred me from even trying this, and I don't know if this is intentional. Am I *that* biased or is Vue genuinly a bit clumsy compared to modern hooks-based react?

[icecruiserr]

Great video! I personally still think React's JS/JSX everywhere comes off cleaner

[MikaJuhani-fjfn]

Justin, what did you think when attaching so loud background music on the video, or actually, why did to use it at all? The video content looked interesting but it was impossible to watch (I stopped) because the music was so disturbing. Maybe next time you do it differently

[dzienisz]

What version of Vue is this video about?

[oinn]

How could be templates more natural if in JSX you have almost native events but in camelcase and this is all you need, but in templates you have bunch on directives, I hate them beggining from Angular 1.x )))

[Svish_]

Loved the `useEffect` section which throws a bunch of life-cycle hooks in your face. That 's exactly what I love _not_ having to deal with anymore in React thanks to hooks. 😅 Also really dislike vue-specific template stuff and auto-magic binding. Sticking with React, 100%.

[retrom]

My issue with Vue is that doesnt have great native support compared to React Native.

[hansschenker]

good comparison between React and Vue, Vue explanation is slightly out of date!

[babylemurman]

I'm hoping this all eventually leads full-circle back to native web components, and all of these libraries become obsolete.

[skullteria]

As expected, most of you youtube tutors don't know either framework good enough to actually make a valid comparison, sad but understandable. Thanks for publishing this freely duh.

[zeeshanshafqat]

The title should be "Vue explained to React Developers in 6 mins 32 seconds". Because that's the run time.

[altgoncalves]

From what I get, in react I have Functional Components and Hooks. Master those two and you get everything else. With jsx there's a single syntax style. Any JS always get's wrapped in `{}` and that`s it. And no `class` in the JSX, swapped for `className`. No special directives and tons of concept to master, magic passage of values between templates and components that are often written as classes that use mixins to request data from stores that'll talk to services before we can make a single api request. meanwhile, on react lands, we have react-query and true code testability with hooks. am I missing anything?

[dcxng]

For me Vue looks like React with classes and i´m happy that this time is over. Can you write Vue more in a style like react with functions ?