React.js vs Vue.js: Which Is The Best Framework / Library? |Comparing Apps React vs Vue 2021

[@ProgramWithErik]

Make sure to signup here to get a free developer cheat sheet! vuecourse.tech

[@LongJourneys]

I learned Vue first, and then went back and learned React...Vue is certainly a lot cleaner/easier.

[@lone-warrior-13]

personally I like vue more, if I was a business owner or If I wanted to create a personal commercial app I'd use vue, but the fact is there are much more react jobs in the world than vue so I have to focus on react

[@harishannamalai8669]

It was because of Angular, I felt React seems great, now because of React, Vue feels Awesome. Many things feel natural in vue than react. I mean the concept of useRef, seems so daunting in React compared to vue. Great Video!

[@PaulSebastianM]

Just don't pick your framework based on this video (alone).

[@RexArvind]

Vue is awesome, end of discussion.

[@ProgramWithErik]

It is

[@mrwho2513]

@@ProgramWithErik it is, not as awesome as React

[@infinityApologeticsClips]

@@mrwho2513 react is inferior to Vue

[@samerhannah5530]

I just came to try react from vue dev and after getting really well with vue , vue is the best !!! Sorry react complicates unnecessary stuff while vue simplifies it for the same output and same resautts , I dont care if there is job market for react more than vue , but beleive me if there is not ..... there will be in 2 years

[@shekcbanny]

Vue.js is abstracted. React js teaches you JavaScript in deeper level

[@vacoder]

The key to make faster websites is to use less js !!!

[@jorgedavalos5663]

that glow effect on the test tired my eyes really fast 😳

[@HostDotPromo]

I love Vue but seems react has more support and plugins still

[@aravindhhere]

Pls share your vscode extensions, including the theme.... I love em

[@luismelendez6327]

Yes please 😄

[@dlegend6035]

SynthWave '84

[@aravindhhere]

@@dlegend6035 Great thanks, is this theme available for webstrom??

[@thedevalweb]

I love your content Erick! I learned Vue pretty much only watching your videos (coming from vanilla js). I think some "reacting to your code" videos would be awesome, and they could pump up your counters also ;). Wish you the best, and thanks for all the awesome content!

[@androidocean2796]

One is inserting JS in HTML and the other is inserting HTML in JS. At EOD, both are doing exactly the same thing. Developer should select on the basis of no of jobs, how much you would learn from them, code quality in terms of expressiveness. I'd say in terms of these criteria REACT.JS is far more ahead of VUE.JS. I admire the simplicity of Vue.js. I've worked on both Vue.js and React.js but apart from simplicity, the main thing that comes is JOBS. We know very well that number of jobs is the selecting factor of frontend libraries or frameworks. I live in INDIA and here jobs of vue.js are very few as compared to React.js. I'd say react makes you better JS developer obviously that's my personal preference. In the end, Developers should learn both.

[@RianY2K]

I think Vue JS API more elegant, robust, and better readability than React

[@ProgramWithErik]

I agree

[@dan6erbond]

Elegant, readable, sure. But anyone who knows React can make better large-scale frontends than Vue. There's a reason most of the job listings are React and besides Angular it's the only thing considered for enterprise applications.

[@nyashachiroro2531]

@@dan6erbond The only reason for that is because React is older than Vue not that it's better.

[@martinalcala4823]

That is because that’s an ugly way of writing react, react can be a lot better

[@ericjhuneespa3381]

if you want elegant, robust and readability try using angular

[@wasd3108]

think the useMemo you did should've been a 2nd useEffect (if u had any before - u can have multiple), otherwise useMemo is supposed to store value to a variable, while if u'd pass it a function as a prop to another component, then u'd use useCallback

[@MichaelWalmsleyJr]

Use memo is ok here. He just didn't need that extra state. He should have returned the values from the usememo

[@luischinchilla-garcia5640]

Awesome work! The composition API certainly feels and looks a lot cleaner

[@ProgramWithErik]

I like it, but it's not for everyone and every situation

[@jimmyj.6792]

It was cool to do a benchmark between 2 language about build time, bundle size etc. What do think about it ?

[@mayankvaswani5400]

I don't like react because of JSX and I like vue because we can include it using only a CDN👏👏

[@moose43h]

What vs code theme you using?

[@zlackbiro]

I am advanced React dev. When i look into Vue, its looks so stupid. You can do stuff in React in 1.000.000 ways, you are free of your choice to do as you feel comfortable. I think you are not even scratched React. 😁 When you start to write React self controlled components, libraries, custom hooks to utilize React functionality, when you overcome all React lifecycle problems and understanding, then we can talk. I usually stop watching React videos when i see index as key in React map.

[@cyberpunkdarren]

I just can't get over the fact that react embeds HTML inside javascript. Everything that I've learned about good design says this is an anti-pattern.

[@PriyankBolia]

Yes and single file components are great, I generally use .vue files from some other project in some other future project, by simply copy/paste, it includes CSS everything and works out of the box. react I believe uses a central CSS file, making it harder to reuse the component. Also something who is JS expert may not be an HTML expert or CSS expert. Keeping these things separately in a large team helps, so that the designer can't focus on the UI, and the programmer on the logic. In vue HTML I can easily swap bootstrap to tailwind, as there is a clear separation of HTML, CSS and JS.

[@ekagib]

Except that it is not HTML, just multiple React.CreateElement() calls

[@cyberpunkdarren]

@@ekagib Pretty sure it is. Whatever you call it, embedding the view INSIDE the code is just bad. reactjs.org/docs/components-and-props.html

[@ekagib]

@@cyberpunkdarren nah, look at part 2, jsx. Yes it is bad if you think it is HTML. I used to view it like that too. But there is no HTML in React besides just the main index of your spa. Everything is javascript, separation of concerns is not on view and logic. Just a different mental model.

[@cyberpunkdarren]

@@ekagib That's worse then. There should be familiar web markup for views. Bastardizing javascript and markup into jsx is farther from the core w3c web stack and that makes it more difficult and risky to use.

[@millanferende6723]

What Syntax theme is this? Look very creative! Would have loved to know the name so I can check it out

[@AP-pz9wp]

I love Vue yin-yang style; you get the HTML and JS in separate sections and both share a little bit of each other's. In the other hand React looks more like a bar code; you get a bundle of HTML with JS which can be hard to read. By the way, I might be the only person that likes option API of VUE. I think composition API is good, but the reason of its existence is only organizational and to me Options API is better organized. If a component grows too much, split it and make a child component 😉

[@ProgramWithErik]

I think Options API is great too. It's fine in most situations

[@Бензини]

What's best for big and ' right ' projects? Vue or react

[@wykeless]

hey what theme are you using on vue?

[@PixyTech]

I think, that stap away from class components and redux to hooks was a big thing for react, but vue is still good.

[@jmon24ify]

I write my React useMemos exactly how I write my Vue computed properties. I assign it to a variable, it's dependent on a property or a piece of state, then it returns the calculated value. I use useEffect like how I would use watch/watchEffect hooks or Vue's lifecycle hooks. Personally I only had to use useCallback one and that was for a specific use case for a work related problem.

[@dan6erbond]

useCallback is just useMemo for functions.

[@kylekim5861]

Slots vs children would be great!!!! Looking forward to it

[@martinalcala4823]

React can be written in a better way, that React code isn’t as good as it could be

[@will_abule]

I don't think this comparison is fair I've used both Vue and React for years and he he really doesn't know react so this doesn't feel right.

[@_isaac_muniz_]

Great video bro. THanks

[@AlanJonesBurga]

Vue looks like an easy learning curve on some things but a little messy for me from coming from React. At the same time learning react hooks now is not hard really compared to older React with class components, that was more tedious. The most important hooks are useState, useEffect. For me it makes sense how React changed to hooks as it's pure functional components, no more classes, no more this, no more super. Separating your state from stateful components (components that manage state) to dumb components (stateless components.) It organizes that in a nice way I think. Once you get past the small learning curve and think in React, it's logic is pretty nice.

[@kristyanlofrido7451]

i wonder when react has react admin and what about vue? did it has admin to?

[@MyNanex]

Why you keep saying to sunscribe for react, vue etc content? Every video I watched from you was just about why is Vue better than React.

[@debasishraychawdhuri]

One of the things React people boast about is "We have a bigger community to resolve our problems". I mean they really need that.

[@simranjeetsingh9852]

results && results.map()... ❌ . simply do results?.map() ✅

[@maskman4821]

cool !

[@sw05d404]

react is more object oriented extending component in react is do same oop basic concepts by class component

[@ProgramWithErik]

That is true, it does thave that

[@CODEDSTUDIO]

What theme are you using in VScode. I really like 👍 it . Will be happy 😊 if you could give me the name.

[@xbwafi]

FireFly pro

[@ComputerScienceSimplified]

Great video, keep up the awesome work! :)

[@ProgramWithErik]

Thanks!

[@jmon24ify]

I completely agree in that Vue is easier to pick up than React and you write less code in Vue. Like v-model saves me a lot of time not having to create an emitter in Vue. I wish I could double bind in React. But, to me, React and Vue are so similar that I find myself in a situation when I work in Vue, I wish I was working in React instead and vice versa. I guess it is because both are strong in things that the other one is weak on. For instance, Vue hooks are better than React hooks because Vue hooks are smarter (they don't require you to specify dependencies) and Vue hooks doesn't have the same limitations on the placement of your hooks as React hooks. However, React has better Typescript support than Vue. I would write a package in React and Vue, and Vue seldomly gives me Typescript errors for the same mistakes I made in React. Also, I hate having to use Vue Props validation when using Typescript because it takes away the Typescript support. I would rather create a type or an interface and pass that into my props rather than having a return type of a function of an array of types. While it is easier to install packages into Vue, React has more 3rd party libraries like React Query, React Relay and etc. There were some instances where I have to install React into my Vue project in order for a 3rd party library to work. One thing I wish Vue is not having to add an imported component in the components object. It is redundant. Svelte solved that problem and I hope Vue will too one day.

[@shokhbozabdullayev6260]

I don't know why people ignoring subscribing this channel. Erik, I think, best explains the Vue.js, Vue Plugins other than telling like "Why I left my job as FAANG developer" or short videos that only introduce languages/frameworks and so on. Subscribe him to make such a talent popular!!!

[@ProgramWithErik]

Thanks Shokhboz! ^_^

[@shokhbozabdullayev6260]

I absolutely agree that Vue.js is the best in the Arena. Such easiness and effectiveness!

[@shokhbozabdullayev6260]

@@ProgramWithErik can you make a poll to review the projects built with Vue.js and based on it make a youtube video? That would be awesome and interesting.

[@dan6erbond]

Because he doesn't know nearly enough about React to make this video.

[@ProgramWithErik]

@@dan6erbond excuse me sir! I know more then most people 😇

[@JogloDev]

Hi Erik, what similar computed() properties of vue in react?

[@ProgramWithErik]

You can use a useMemo

[@stephenyin3509]

I don't care, frameworks / libs are tools for solving problems. There is no best, only suitable. It is meaningless to discuss which is better, most of the discussion i see in comments are subjective based on their personal preference.

[@paulopontovaz]

I like both Vue and React and the comparison is nice to see but this seems a bit biased ^^" Still, Vue does seem more well-rounded.

[@KevinVandyTech]

You're still kinda misusing the useMemo hook, aren't you? I thought you are supposed to store the value from useMemo. I've never seen anyone use useMemo like you did in this video. const value = useMemo(() => ...

[@dan6erbond]

A lot of things he did in this video was him just trying to recreate what he made in Vue... Because let's face it, he's no expert at React.

[@travestroy2093]

He's just a vue guy trying react.

[@IMADETHISACCFORRAY]

Great vid, though I do think basing it on tailwind might be tad strange :).. coming from someone who loves both vue & react

[@octaviusbytes]

React-query is good for getting data too

[@howuseehim]

Can you do a video on your vscode set-up? (Especially that gorgeous theme)

[@shahmirjadoon3587]

Vue is easier and simple to start, but React is far more loved and used by a vast community.

[@ProgramWithErik]

That's a good point, but Vue is loved by a huge community too

[@cellocarlos]

Used, I agree. But loved... now you lost me

[@alwinjohn]

Love the vue! Get it?

[@tisanefruitrouge9512]

I got it!

[@alwinjohn]

@@tisanefruitrouge9512 xD

[@ProgramWithErik]

Ha!

[@MiziakMwa]

So, almost all in react app is ok. But you completely misunderstood useMemo indeed it is like computed value in vue. It RETURNS computed value so you don't need extra state for filtered pokemons it will be like so: const filteredPokemons = useMemo(() => pokemons.filter(() => /* do awesome predicate here */), [pokemons] ) Code you put in useMemo in react world is used as useEffect hook but if it is silmple transform like in this app we use useMemo like I write before.

[@DavidSmith-ef4eh]

React should win the routing part. You can define a config file with routes the same way as vue does. And dynamic imports are a Webpack feature, which means they do work in react as well, even without React.lazy.

[@ProgramWithErik]

Thanks! I wasn't exactly sure how all that worked.

[@DavidSmith-ef4eh]

@@ProgramWithErik Well, to be fair, you do have to create a small wrapper component in react to wait for the import to load, if you don't use React.lazy.. I am just disappointed react loses all of the points 🤣 and can't even argue anything else. Vue just seems better.

[@jediampm]

Hi Erik, thanks for the video and today i subscribed to your channel. To start a vue app you do not need a cli but for react you always need a build step to use react + JSX. I love Vue because have directives like Angular, for small projects is perfect and you can separate css, js and html like Angular, in different files. React just over complicate things and it is like a hamburger. Please do a similar pokemon app with SVELTE and ANGULAR. Even better will be with EmberJS Octane version. ;)

[@dfidalgo2]

Actually, you're calling useMemo the wrong way. The right way to execute a function whenever a value changes is by calling useEffect (with this, you can also return a cleanup function). useEffect is the React equivalent of watchEffect. useMemo is the React equivalent of computed in Vue, except it takes a second argument that is basically everything you used in the factory function because React doesn't track these variables. You need to specify this boilerplate every time. So, the proper way to useMemo is just const variable = useMemo(factoryFunction, deps);

[@ProgramWithErik]

Thanks, I wanted to use useMemo to match the functionality with compouted properties in Vue. Where if any value changes, like the text in the input, it gets recalculated. I suppose I could have used useEffect instead, and it have worked the same. But I wanted to demonstrate that useMemo, per KCD, could be used to help when you have something that is computationally intensive.

[@fkaspow]

Svelte is the real deal. I prefer Svelte above all other frameworks/libraries.

[@sdrplk]

how I choose my framework, I check if I could atleast develop or demo my app to my typical user's computer ( dual cores, DDR3 4gb ram) . it it could run there then that's my frameworks. angular always fails. vue is little sluggish. react atleast runs. but I prefer vue over react by all my clients want the stack Facebook and Instagram developed.

[@damiangilz]

If Svelte manages to mature, it will blow Vue to oblivion. Vue 2 was great,Vue 3 makes things very convoluted with many principal ways to do the same thing, plus shitty TS support. React is a little more syntactically dirty, but adoption is much superior and the ecosystem of tooling lets you create pretty awesome stuff quickly. Next is also vastly superior than Nuxt. Plus React+Markdown makes things a bit easier. There's a lot of flexibility.

[@alvinqingxing]

Rails

[@gauravsingh1963]

as a person who deals with both this video seemed biased but you did mention it as your personal preference which was nice. jsx is much more powerful which makes certain difficult task very easy but vue loops are easy to learn but I don't think we should prefer something just because it easy to learn because learning is not the main goal, productivity is. Still I think vue cli is just better.

[@ProgramWithErik]

Good point

[@kokizzu]

Svelte obviously XD if you have tried all 4 (and other less known), Svelte is obvious choice XD

[@mahdijafaree5332]

A vue fun comes and compares vue vs react, who wins???? Do you still expect react wins? Btw; react has the largest community and i love it because of its concept=> write js whereever you want!

[@XlovedDesign]

Like for the Doctor Who art behind you

[@sameergangar1]

What about the support?? I think react has a large community compared to Vue. But the point you actually don't need much help in using Vue as it so simple. So EOD Vue>>>>React

[@TheDorac1]

I literally searched on Google about this 15 minutes ago.

[@ProgramWithErik]

Wow! I hope I came up ^_^

[@TheDorac1]

@@ProgramWithErik that would have been awesome but you were first inline on my KZbin feed right after I read a Vue vs React post, sorry :-D

[@hussamabdallah4776]

Vue is great but if you want to develop mobile apps with react native or flutter I think react is Best choice because flutter is inspired by react I guess

[@sulaimandev]

Vue is the best

[@charlesmontojo3960]

Another. Endless comparison 💁‍♂️

[@mcurtis13]

I am working in react typescript redux right now and I hate it!!! I just want to make an Ajax request and I have to visit 4 files to do it!!!!! Long live vue

[@ProgramWithErik]

Viva La Vue!

[@majidhws]

There no comparison between any two technologies, each has its purpose the title should be which one will get you a job.

[@___GM___]

React fights vue. Svelte - "get my popcorn".

[@dadaabiola2474]

You're going to give us the overall "VUE" of it..... Hmmmm I smell Rat

[@ProgramWithErik]

hahah

[@simranjeetsingh9852]

You make it sound like react is so complicated, but it isn't.

[@Ajqualix]

Vue is very opinionated. It holds your hand and tells you exactly what to do in every situation. I hate it.

[@CodingAbroad]

That’s a good thing. If you have a large team working on one project it’s great if everyone can adhere to one style so that anyone new can pick it up easily

[@Ajqualix]

​@@CodingAbroad Vue's options api structure is not optimal for building large components. therefore I'd argue it is not as optimal for building larger projects comparing to react/angular. The composition API is also a move into the wrong direction. tbh I personally like it, but it will undoubtedly alienate half of the existing community like angular did in the past.

[@usmanmughal5916]

What does the theme name? I love that glow

[@MackaBaer]

SynthWave '84

[@ProgramWithErik]

Yup SynthWave

[@gzg1023]

i want this VSCode theme

[@sulaimandev]

Thank you so much

[@divineer627]

Vue 💯

[@teckyify]

The complexity of bigger React apps is just ridiculous. Vue is way more sane.

[@sounishnath513]

Pls, give some expose on Angular

[@fauzi5848]

I'd choose Vue because React syntax is complicated to read 😵😵😵

[@Mersal-uj5nh]

Through comment section itself you will know that Vue is fabulous.

[@bootstraply]

Reading the comments makes want to switch to react

[@Spainog]

Vue! Vue is better always

[@davidchoi7435]

자동자막 생성 부탁드립니다

[@jsonkody]

I am working in Vue.js .. if I should choose between React and Vue I would choose ... Next.js ;)

[@RoyJoachimMurat]

Not nuxt ?

[@davidraj6466]

I like your vedios on vues but you are totally baised towards vue react and next js are much better than vue I have worked on next js for year and working on vue for 6 months next is still better than vue

[@djnkuli]

I must say, React is a no for guys, it's so complicated for nothing! Thanks, Erik, can you please do one with ReactNative and VueNative sometime?

[@possumkeys]

used react, moved to vue 4 years ago. I swear react has become even more of a dumpster fire. It sets the barrier for entry to high by requiring such a high level of Javascript knowledge. Vue is soo friendly.

[@possumkeys]

@@denisonu4500 nope, nope, nope, can't be me writing is in HTML, or html in js, or whatever that is in there.

[@RaZziaN1]

I'm pretty sure u created this video several times already..

[@ProgramWithErik]

This is the first real video when I deep dived into both though.

[@SebastianPerezG]

Test

[@LearnwithManoj]

Ember JS is the best :P

[@ProgramWithErik]

I still do like Vue, I need to try it out again soon.

[@LearnwithManoj]

@@ProgramWithErik I guess you meant Ember. Put a video on the same, it’s been long you talked about Ember JS :)

[@ericjhuneespa3381]

@@ProgramWithErik how about angular ?

[@somebrid2147]

pokEmon xd

[@vikasphougat3926]

react community will curse you for making this video hehehe

[@francescofreddi4374]

Flutter is the best :) :) :)

[@siya.abc123]

Why disrespect vue like this

[@ProgramWithErik]

I'm not, listen to my conclusion

[@siya.abc123]

@@ProgramWithErik lol yeah I heard, I posted comment at start of video. Great episode again, thanks Erik