Vue explained to React Developers in 6 mins
Vložit
- čas přidán 27. 06. 2024
- Using your React.js skills you can learn the basics of Vue in less than 6 mins. Vue has become even more similar to React but still maintains some tricks ups its sleeve.
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 ✨
Discord - / discord
Twitter - / jsbroks
⚡ RESOURCES ⚡
React - reactjs.org/
Vue - vuejs.org/
JSX vs Template - vuejs.org/v2/guide/comparison...
Nextjs - nextjs.org/
Nuxtjs - nuxtjs.org/
⭐ 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 - Věda a technologie
I'd love Vue to have a fully first-class citizen framework for mobile development like React-Native is for the market right now.
Yes Ionic+Vue
great short video here. exactly what I was looking for.
please make more videos like this, it’s very enjoyable
Great comparison. Thanks :)
awesome as always
I feel saved after watching this. Thank you.
So clear. Excellent tutorial
I like both tbh. But idk why I feel more comfortable with React. Let's Vue again
With Vue, I need to memorize or read some of its template syntax and options. With React, I only need to think in js most of the time. But it can be quite daunting at first, as you need to understand the jsx, spread operator, webpack boilerplates. Hard to setup at first, but somewhat rewarding afterwards. Vue is quicker to pick up.
For some reasons, React feels more natural and organic
@@FalconTheFries bingo
nice & easy, love it!
I feel more comfortable with Vue JS btw, and dont forget with their "easy to understand" documentation too.
Nice over-vue
Thank you 💗
Great video !
great video feels like fireship
Great video
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?
I disagree with you. I feel react is more verbose than Vue since you need to list all dependencies. Vue also handles rerenders for you so you don't need to think about it.
You might be used to Reacts way of doing things, so other approaches feel weird
I don't think this video shows the advantages of Vue. Probably best to build a small test app with it to see if you like it. I prefer Vue.
I'm a react Dev as well, I want to learn view, but the documentation just throws me off. Feels very off.
I prefer react.
thank you.
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 :/
My feeling as well
Same
never used vue, but yeah, react seems easier, what was that with @click, if and for, why we need to create something new, when its easer for all to just use plain js
React will be more complicated when you are about to take care of optimization. React lifecycle is the pain in the ass, and JSX is god damn good but will leave you in the refactoring hell when you are not good at managing it.
Yes, it did.
With the syntax sugar you can do it in basically 6 lines of JS.
What version of Vue is this video about?
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
Vue the future!
Svelte!
😉
Great video! I personally still think React's JS/JSX everywhere comes off cleaner
My issue with Vue is that doesnt have great native support compared to React Native.
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 )))
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%.
The magic binding is the beauty of vue. It makes the life so easier...
yeah have fun handling unnecessary rerendering in react and new hooks to shit you over in each new version, when Vue just handles everything and currently beats React in performance score and bundling sizes.
@@nethsarasandeepaelvitigala135 Never had any issues with unnecessary rerendering, and the few new hooks being released are usually about giving more control to authors making special libraries, so no issues there either. Performance and bundling size doesn't really matter to me as long as they're not too far off, which they aren't. DX is much more important, and writing React code feels so much cleaner and nicer than the Vue and Angular directives and custom attribute stuff. If you enjoy it, that's good for you though, so keep doing that. 👍
good comparison between React and Vue, Vue explanation is slightly out of date!
I'm hoping this all eventually leads full-circle back to native web components, and all of these libraries become obsolete.
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.
I'm a react dev, and I'm curious why Vue is becoming so much popular lately. If you have a better reference of the comparison (or "Vue for react devs" style articles/vids) I'd be genuinely interested.
🙅🏾♂️ React
🙇🏾♂️ Vue
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 ?
What are you saying? Are you even try Vue?
@@jpffinc at that time I have worked with vue2. Vue3 is similar to react with functions but still different.
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?
not reading allat 😂
The title should be "Vue explained to React Developers in 6 mins 32 seconds". Because that's the run time.
But that entire time was not used to just explain Vue.
I have no idea why and how react is simpler. Vue is much more readable and simple.
The problem with Vue is its ecosystem. There are far less 3rd party libraries for it. You can't make mobile apps unless you use Ionic (Electron for phones), and there's no viable alternative to MUI or React Native Paper.
You made Vue.