React explained for Vue developers in 7 mins

Рет қаралды 15,021

Күн бұрын

Using your Vue skills you can learn the basics of React in less than 7 mins. React has become even more similar to Vue and used by many large companies around the world.
By the end of this video, we'll convert some Vue components into React components to explain how React works. We'll also look at why so many developers enjoy and use React.
#react #vue
✨ SOCIAL ✨
Discord - / discord
Twitter - / jsbroks
⚡ RESOURCES ⚡
Vue for React Developers - • Vue explained to React...
⭐ TIMESTAMPS ⭐
0:00 - Why React?
0:47 - Vue Counter
1:11 - React Counter
3:05 - JSX
5:15 - Interval Counter
5:30 - useEffect
6:31 - Ecosystem

Пікірлер: 50

@kartik9892 2 жыл бұрын

4:51 just look at how clean vue looks❤️

@adriancoliba Жыл бұрын

Indeed, it looks beautiful. To do its justice to React tho, I would write it this way: Value is {value ? "truthly" : "falsely"}

@FallenNoir Жыл бұрын

@@adriancoliba it would be exactly the same in vue but with double curly braces

@flamousz 10 ай бұрын

Is this sarcasm statement ?

@RaldinCasidar Ай бұрын

In fact it can be more simplified and more clean

@michaelnguyen8120 3 жыл бұрын

It all comes together around 5:00...then the music hits! Thank you for the amazing explanation for us Vue developers

@nrg4285 2 жыл бұрын

I have spent over a year using Vue and this was literally the perfect tutorial. Thank you for keeping the examples concise and relevant, every time I had a question in my head "oh but how would this work in React" your next sentence was already explaining it. Good job.

@luischinchilla-garcia5640 3 жыл бұрын

This an amazing video. Both have its strengths and learning both is honestly better at helping understand the limitations of each and where to use the appropriate library

@goldwings1468 2 жыл бұрын

The react explanation made my head hurt

@noureddinhariri2979 Жыл бұрын

Thanks a lot man, really wonderful insight.

@johnnyboghean2242 9 ай бұрын

As somebody who is experienced with and loves Vue, but has to do a bit of work in React, THANK YOU!

@mandrasaptakmandal636 3 жыл бұрын

Really Valuable video....Thanks a lot!

@Marshall.Powell 2 жыл бұрын

This is a great video, thank you so much!

@erfansadeghinezhad9780 3 жыл бұрын

thanks for beautiful videos

@crugg 3 жыл бұрын

Hey! May I ask what the name of the background music at the beginning is?

@rangabharath4253 3 жыл бұрын

awesome as always

@CodingWithJustin 3 жыл бұрын

You're awesome!

@SusanthCom 3 жыл бұрын

Thank you so much 🙏❤️

@josepacheco1063 3 жыл бұрын

at 5:10 as much as I want to learn react.. braces and paranthesis make my eye sore.. is there a way to make this 'cleaner'?

@RicardoJavierMelero 3 жыл бұрын

I've worked with react and then in vue, there is no way to go back to react, the code it's awful, and not only that, I found that when you have to teach to new people in the subject, vue code is self explained, there is no need on explain v-if or v-for.. but with react, you not only have to explain how to do conditional rendering or loops, you have to try to explain why a template rendering lang doesn't support built-in conditional rendering!

@DannyFeliz 3 жыл бұрын

5:24 I think you should use let interval = null instead of const interval = null because you are mutating the value later

@CodingWithJustin 3 жыл бұрын

Yes, my mistake

@RianY2K 3 жыл бұрын

thank you for tutorial

@fawadtariqq Жыл бұрын

Thanks man

@azka9075 Жыл бұрын

kind of hung up whether i should take my time to learn react...been doing vue for the past few months already but it just seems react would be more useful for me since its alot more popular in the front end industry

@RealMrBitstream Жыл бұрын

I’ve been writing JS front ends since the early 2000s. Backbone, Ember, angular, react…I’ve seen it all. Probably a million+ lines in my career. Trust me when I say vue is superior in every way. I’ve been using it since 2016. If you’re new to code do not bother with React. It’s old school tech dominated by laggards and fanboys… ignore them.

@korovkami9158 Жыл бұрын

Hey, can you tell me which part of vue that is the most superior to react? Please? I'm learning frontend not long ago. I'm grateful i chose vue. I really want to know your opinion Thanks

@thecoolnewsguy Жыл бұрын

@@korovkami9158yeah they just say superior without even explaining (and yes, I'm not a react fanboy)

@flamousz 10 ай бұрын

If you say vue superior in every way than why in industry they using react instead ?

@Charles.5277 9 ай бұрын

@@flamouszBecause Vue 3, which was not yet complete at the time, included the amazing choice of Composition API, but times are different now.

@TruthAndLoyalty 7 ай бұрын

I'm in a similar boat and I agree. People need to just stop choosing react. The arguments in favor don't hold up, imo. Especially the labor pool ones. Honestly, any developer worth hiring can get up to speed with either quickly.

@dizzyrocket2000 2 жыл бұрын

I'm so glad I went down the Vue road rather than React. React seems clumsy and unintuitive, whereas Vue feels refined and intuitive. Just my opinion though.

@jwoods9659 Жыл бұрын

It is these fan boys LOVE React because it lets make the most verbose code they can. I simply hate React. I'm a new developer still learning and I honestly can't imagine having to do React everyday for work.

@johnnyboghean2242 9 ай бұрын

Same

@LotusSoftPvtLtd 2 жыл бұрын

nice

@sandorturbucz425 9 ай бұрын

Nice video. Honestly, Vue is so much more elegant and easier to understand, React just looks like a makeshift post-PHP contraption, for seemingly no good reason. I think the popularity is only due Facebook which is sad - but prove me wrong, I'm happy to hear valid arguments. Let's forget React Native for now, its existence is one obvious upside, but it's not always relevant.

@createspacemap5074 Жыл бұрын

How the f is React coding so confuse with mixed brackets? I have learnt Vue 3 Composition API and looks similar to React. Just that Vue always feels more clearer than React. But hey, I did written entire business platform in vanilla Javascript and rewrote with Alpine.js which is similar to Vue optional API. Thanks to Vue and Go language, both are perfect.

@Charles.5277 9 ай бұрын

In the Vue 2 era, React was undoubtedly the first choice for writing projects with more than a hundred people, but with Vue 3 (the birth of Composition API) everything is different. Vue has become a quite amazing choice, including extremely low cost. The learning curve is the same as that of making powerful functions

@kasvith Жыл бұрын

7:21 If you come here please use flutter instead of RN

@thecoolnewsguy Жыл бұрын

Telling us to use flutter without a single reason. May you elaborate please?

@kasvith Жыл бұрын

@@thecoolnewsguy try and see, whole class of problems disappear

@thecoolnewsguy Жыл бұрын

@@kasvith if it is so, then why are many major apps built with react native such as discord, microsoft apps, pinterest...?

@kasvith Жыл бұрын

@@thecoolnewsguy At that time flutter was quite new. Check it out yourself. Flutter has better build tools and everything just works

@akinhwan 2 жыл бұрын

i'd suggest removing music around 6 min mark, makes it harder to understand your good narration content!

@danielmbirch 3 ай бұрын

Everyone has their own opinions and this is mine. React looks messy and it seems like you need to endlessly nest functions within functions within functions. In Vue I can code large applications and keep everything organised and easy to find. I can have my template, JS and CSS separated within the same file. Doing this in React seems much less possible as even the HTML is mixed in with JS...it just becomes a wall of code.

@hsider Жыл бұрын

React is for JS developers to design reactive UI components and Vue is for UI Designer to add reactivity to their components.

@pdcmoreira Жыл бұрын

That's absolutely nonsense.

@hsider Жыл бұрын

@@pdcmoreira expand!

@pdcmoreira 11 ай бұрын

@@hsider I swear I answered this, but my response isn't appearing! But basically there is absolutely no reason for such statement, both frameworks are JS/TS and they share the same high-level concepts. The only possible reason I see (that still makes no sense) for you to say that is because the templating engine used in Vue looks closer to HTML (it is actually spec compliant).