Vue explained to React Developers in 6 mins

Рет қаралды 39,415

Күн бұрын

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

Пікірлер: 62

@TJKlimoski 4 ай бұрын

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

@rangabharath4253 3 жыл бұрын

awesome as always

@ivangrey1047 3 жыл бұрын

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

@codeconcept 3 жыл бұрын

Great comparison. Thanks :)

@abhinaykatta 8 ай бұрын

I feel saved after watching this. Thank you.

@bushbuddyplatypus 3 ай бұрын

So clear. Excellent tutorial

@misterkevin_rs4401 3 жыл бұрын

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

@tmbangla365 10 ай бұрын

Yes Ionic+Vue

@krzysztofkk6964 11 ай бұрын

nice & easy, love it!

@nottodaybro4450 Жыл бұрын

Great video !

@redhook777 3 жыл бұрын

Thank you 💗

@MaxProgramming 3 жыл бұрын

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

@wilsonwg 3 жыл бұрын

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.

@FalconTheFries 3 жыл бұрын

For some reasons, React feels more natural and organic

@RR-et6zp 2 жыл бұрын

@@FalconTheFries bingo

@RianY2K 3 жыл бұрын

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

@BruceLeeBeatz 2 жыл бұрын

Nice over-vue

@sumanthgmr5645 Жыл бұрын

great video feels like fireship

@sohhamm 3 жыл бұрын

Great video

@eduardosalles9212 2 жыл бұрын

thank you.

@kompaskompas5605 2 жыл бұрын

Vue the future!

@dzienisz 2 ай бұрын

What version of Vue is this video about?

@evertp 3 жыл бұрын

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?

@CodingWithJustin 3 жыл бұрын

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

@seanraz 3 жыл бұрын

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.

@galeontiger 3 жыл бұрын

I'm a react Dev as well, I want to learn view, but the documentation just throws me off. Feels very off.

@RD-jr8nv 2 жыл бұрын

I prefer react.

@icecruiserr 3 жыл бұрын

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

@renefournier 3 жыл бұрын

Svelte!

@CodingWithJustin 3 жыл бұрын

😉

@denno021 3 жыл бұрын

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 :/

@OlivYog 3 жыл бұрын

My feeling as well

@7MaticCode 2 жыл бұрын

Same

@Pazdkq Жыл бұрын

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

@wabathur Жыл бұрын

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.

@ojvribeiro Жыл бұрын

Yes, it did. With the syntax sugar you can do it in basically 6 lines of JS.

@MikaJuhani-fj7fn Жыл бұрын

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

@oinn6216 4 ай бұрын

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_ 3 жыл бұрын

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%.

@RenanLeandroFerreira 2 жыл бұрын

The magic binding is the beauty of vue. It makes the life so easier...

@nethsarasandeepaelvitigala135 2 жыл бұрын

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.

@Svish_ 2 жыл бұрын

@@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. 👍

@retrom 3 жыл бұрын

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

@hansschenker 3 ай бұрын

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

@babylemurman 3 жыл бұрын

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

@skullteria 2 жыл бұрын

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.

@benedictjohannes 2 жыл бұрын

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.

@altgoncalves1472 Жыл бұрын

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?

@hasj Жыл бұрын

not reading allat 😂

@zeeshanshafqat2661 3 жыл бұрын

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

@CodingWithJustin 3 жыл бұрын

But that entire time was not used to just explain Vue.

@dcxng6913 2 жыл бұрын

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 ?

@jpffinc 9 ай бұрын

What are you saying? Are you even try Vue?

@DCX-NG 9 ай бұрын

@@jpffinc at that time I have worked with vue2. Vue3 is similar to react with functions but still different.

@SuboptimalEng 3 жыл бұрын

🙅🏾‍♂️ React 🙇🏾‍♂️ Vue

@sunilanthony17 6 ай бұрын

I have no idea why and how react is simpler. Vue is much more readable and simple.

@s1nistr433 Жыл бұрын

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.