Trying React.js For The First Time | React.js For Vue Developers!

  Рет қаралды 22,346

Program With Erik

Program With Erik

Күн бұрын

Пікірлер: 193
@ProgramWithErik
@ProgramWithErik 4 жыл бұрын
Interested in learning Vue? Tired of React? Sign up here! :) bit.ly/2vFWBQi
@StephenRayner
@StephenRayner 4 жыл бұрын
I’m happy with React, typescript support is better and I hate the one large file. I hate the overuse of double quotes with everything. It feels wrong having JavaScript code in double quotes.
@martinlukasik431
@martinlukasik431 4 жыл бұрын
Why would anyone be tired of React? It's ok, especially if you use hooks and you're familiar with its great ecosystem. Tried Vue and I won't say that it's better than React.
@siya.abc123
@siya.abc123 4 жыл бұрын
React is like early versions of php, just 1 big hack. Vue is so elegant, everything is neat and you go a long way with just standard js and html knowledgea
@angelhdzdev
@angelhdzdev 4 жыл бұрын
@@martinlukasik431 Vue is getting hooks and other goodies in version 3, and it still remain being minimalist and easy to work with.
@73dines
@73dines 4 жыл бұрын
Interested in learning Vue? Yes Tired of React? Not at all
@bawad
@bawad 4 жыл бұрын
Welcome to the dark side, let's see some tsx next 😜
@ahmedzribi7134
@ahmedzribi7134 4 жыл бұрын
REACT is the king
@Alekobeats
@Alekobeats 4 жыл бұрын
Just putting it out there. Ben and Erik, ya'll are my favs 😊
@bobDotJS
@bobDotJS 4 жыл бұрын
@@Alekobeats I was just about to comment the same thing, let's see a collab
@bobDotJS
@bobDotJS 4 жыл бұрын
©️⭕LL🅰️🅱️
@burhanuddinmerchant877
@burhanuddinmerchant877 4 жыл бұрын
I clicked on this video just for reading Ben's comment.
@brahim_boussadjra
@brahim_boussadjra 4 жыл бұрын
Let's Vue this video and React to it :)
@codingelle
@codingelle 4 жыл бұрын
this make sense 😃
@pigeonnnn
@pigeonnnn 4 жыл бұрын
I love Vue so much but have switched to React for three reasons: 1. Composing components with hooks leads to generally much cleaner and reusable components, which are also easier to maintain. 2. Bigger ecosystem 3. Much easier to find developers to add to your team(which was the main reason I switched in the first place) I must admit though that Nuxt is the absolute best framework Ive used. I mostly use Next.js now but it is not as great as nuxt, not by a long shot
@pigeonnnn
@pigeonnnn 4 жыл бұрын
Oh and 4. Awesome typescript support, and once you switch it is very hard to go back to vanilla js
@angelhdzdev
@angelhdzdev 4 жыл бұрын
Vue 3 is getting hooks.
@sogggy
@sogggy 4 жыл бұрын
@@pigeonnnn Are you looking to add more developers to your team? Asking for a friend. 😀
@pigeonnnn
@pigeonnnn 4 жыл бұрын
@@angelhdzdev yeah I know and the composition api is really awesome. The only problem though is that single file components dont allow for multiple components in the same file (hence the name) which can be a hassle when organizing your code. Yes I could use jsx and vue render functions but that sort of removed a lot of the benefits with using vue. So the composition api is very similar to hooks in certain ways but falls short in others.
@pigeonnnn
@pigeonnnn 4 жыл бұрын
@@sogggy hahaha not right now unfortunately ☹️
@unixrebel
@unixrebel 4 жыл бұрын
I started learning web dev with vue, I became bored and felt like I wasn't learning JS enough so I quit. Then I discovered React and it forced me to use JS more and to really understand how everything fits together. Gatsby, Next and TS make development fun as hell and there's so many cool paths you can take. Just my experience as a noob.
@exactzero
@exactzero 4 жыл бұрын
Exactly. React. No magic, just pure JS.
@LongJourneys
@LongJourneys 3 жыл бұрын
I learned Vue first and then learned React. I really, really missed how clean Vue was compared to React.
@AndrewRusinas
@AndrewRusinas 2 жыл бұрын
So why did you switch?
@akarshanmishra2351
@akarshanmishra2351 Жыл бұрын
@@AndrewRusinas more jobs require react
@CodingWithJustin
@CodingWithJustin 4 жыл бұрын
I am a vue advocate myself (just look at my channel), but react beats vue in typescript support hands down.
@metinemiroglu1936
@metinemiroglu1936 4 жыл бұрын
Just a side note. Don’t code under /mnt if youre using wsl as it’s slow as hell. Instead, use native filesystem and put your project under /home/youruser
@ProgramWithErik
@ProgramWithErik 4 жыл бұрын
Good to know! I’ll try that next time
@StephenRayner
@StephenRayner 4 жыл бұрын
Yo Ben, can you come review this please
@KYAN1TE
@KYAN1TE 4 жыл бұрын
I prefer Vue, but generally don't mind React too. However, I'm intrigued to hear that you prefer slots and emitting events in Vue over children props and passing functions down from React. I prefer the way React does those tbh. Either way I think it just proves the point that instead of arguing over which is better than the other, instead just learn to appreciate that there is a lot of middle ground shared between the two and embrace them both as devs.
@ProgramWithErik
@ProgramWithErik 4 жыл бұрын
True! I think if I had to work in React everyday, i'd get use to passing functions down
@trangcongthanh
@trangcongthanh 4 жыл бұрын
create-react-app have --template option. So you can create your own template with pre-install packages/configs to reuse over and over
@EddyVinck
@EddyVinck 4 жыл бұрын
I personally really like having map() in my JSX. It's mostly "just" JavaScript. By the way, you can have "slots" because you can accept React components as props in your component. For events, you could take a look at useReducer. It returns a dispatch function which your reducer can listen for. You could also put the dispatch from useReducer or simply setState from useState into a React Context if you need it deep inside a component tree.
@khuiification
@khuiification 4 жыл бұрын
I think this is another failure of Vue, slots and the scope binding to slots (can't remember what its called exactly) - this is (bad) DSL that you have to actively learn & it easily gets confusing unless you use it daily. Feels very unnatural. Whereas with React it is just another property :-)
@ProgramWithErik
@ProgramWithErik 4 жыл бұрын
Thanks for the tips! I'll check out useReducer
@9SMTM6
@9SMTM6 4 жыл бұрын
Huh. Have to say, I never properly used useReducer, but it's indeed a very good alternative to the event system in Vue, more modular etc. React context is amazing too.
@Fachuro
@Fachuro 4 жыл бұрын
You should try it with styled-components, its a magical world that lets you bring js directly into your css which opens a world of possibilities - I'm a Vue developer now bc of work, but previously React and that also my preference to work with. Vue has a sort of halfway implementation of styled-components available, but its nowhere near the same and also breaks vue-jest. To get single-file components with styled-components like in Vue just put "export styled(YourComponent)`your styles`; at the end of your component file after importing styled from styled-components. You also have to then destruct className from the component props and apply this to the outermost element in the component as className. Not only will this allow you to style your component, but it will allow you to use props, set custom attributes, overriding the style on other child components by referencing the actual component name, and much more. Trust me when I say Vue has nothing like it, and its what I miss most about React. Thats not even to get started on theming in styled-components which is absolutely brilliant...
@pyongits
@pyongits 4 жыл бұрын
In React, you'll appreciate JavaScript more.
@fragileglass9622
@fragileglass9622 4 жыл бұрын
Haha! I love these videos. Both are really fantastic frameworks. The layout and setup of codebase is very different. It comes down to personal comfort and preference as to which pattern developers enjoy. React and Vue patterns will appeal to developers of all types depending on their learning curve and how easy the pattern becomes habit during the learning phase. Of the two. I prefer React but I do consider that Vue has less restrictions and barrier to development. React is very freaking picky about the code base. Which can be frustrating.
@ProgramWithErik
@ProgramWithErik 4 жыл бұрын
Thanks for your feedback!
@devtor7451
@devtor7451 4 жыл бұрын
I like that React doesn't tell you what libraries you should use, it is great to have a lot of options and a lot of new and great libraries come out! In the end a lot of the big companies that use react might end up creating their own custom solutions. edit: you could use css in js to get the css on the same file, this even sometimes improve css size on big projects! :)
@erics2133
@erics2133 4 жыл бұрын
Vue doesn't tell you what libraries to use either. The CLI gives you options where it will automatically set things up for you, but even then you'll chose which one you want. You can chose a preset or manually pick each setting, and when you're done manually picking things, it gives you the option to save that as a preset. For manual selections, the core options pertain to the version of Vue (2.X or 3.x), whether or not to set up Babel and/or Typescript, whether or not to set up PWA scaffolding, the Vue Router, Vuex, and which css preprocessor/linter/formatter/unit testing/end to end testing to set up (if any, with all sorts of combinations possible). There are third party plugins for the Vue CLI to add GraphQL/Apollo, component libraries, Electron support, i18n, Storybook, etc. 57 pages of results if you search npmjs.com for vue-cli-plugin. Seriously, I've seen people that preferred Redux to Vuex and so they used Redux instead, though admittedly, I don't think anyone has set up a Redux plugin for Vue CLI yet. If the Vue CLI doesn't have a plugin for something you want, you can just not specify anything for the relevant feature and then configure it manually. That's all the Vue CLI really is, a shortcut to avoid having to manually configure everything. It's even designed such that you can add a new plugin and update your project without having to start over. I think this is important for Vue because a lot of people are picking up Vue as their first framework/library, so they're not familiar with how to set up babel, typescript, jest, and all the other things that they may want to use. It lowers the barrier to entry. For people that already know how to set that up, they can skip Vue CLI completely. Even as a total newbie to Vue, I skipped the Vue CLI once in a while. This is quite a bit better than some other frameworks/libraries I've played around with, including earlier versions of Vue, where initializing a new project basically consists of copying a template that just happens to include the features that you want, and if you want a mix of features that don't have a corresponding template, you have to tweak it by hand. I'm not saying that Vue is all sunshine and roses and is the best frontend framework/library/whatever. I don't think there's any such thing as every framework and library makes different tradeoffs. I'm just pointing out that this particular bit of criticism, if I understand it correctly, isn't as accurate as it might seem.
@devtor7451
@devtor7451 4 жыл бұрын
@@erics2133 I was mainly referring to the official routing and state solutions, it has its pros and cons but this is a big difference between React and Vue and how they develop their own frameworks.
@erics2133
@erics2133 4 жыл бұрын
@@devtor7451 Right, except that neither of those are part of Vue and they're not forced on you. Vue is a view layer and reactivity system, and beyond that, it's unopinionated. The Vue community is more opinionated, but if you want to use a different router or store (there are alternatives, even Vue specific alternatives), you can.
@devtor7451
@devtor7451 4 жыл бұрын
@@erics2133 The vue team works on vuex and vue router, that is what I am referring to, they are not forced but they are encouraged, yes you can use anything you want but it doesn't change the fact that it is the official solution. Vue builds an ecosystem while React doesn't and that is the major difference I am referring to.
@IAmSolomon
@IAmSolomon 4 жыл бұрын
I’d argue having a framework be a bit opinionated is better than a completely non opinionated framework. Especially since the tools you’ll be using are first party packages supported by the framework team. E.g. VueX & VueRouter. Also I like React, but Vue’s scoped styling is far superior to css in js
@KevinVandyTech
@KevinVandyTech 4 жыл бұрын
I'm a React developer who has been learning a lot of Vue in the last week. Cool to see the flip side.
@TM-jb8bw
@TM-jb8bw 4 жыл бұрын
Thanks, now i like vue even more :)
@jsceo
@jsceo 4 жыл бұрын
@@internet4543 what a broken analogy xD
@narcissisticnarcissus4956
@narcissisticnarcissus4956 4 жыл бұрын
I'm a React dev and I have to say that Vue beats React in styling 100%, when you compare them out of the box. Vanilla React begs for a styled-jsx or styled-components library. Also use of JSX, and the problem you had with the click handle are not done as well in React. In the end they're very similar and neither is significantly better than the other... let's leave Angular out of the comparison for obvious reasons ;)
@ProgramWithErik
@ProgramWithErik 4 жыл бұрын
I do like scoped css built in in Vue, in the same file.
@trangcongthanh
@trangcongthanh 4 жыл бұрын
If you use create-react-app, styling with css (CSS Module too) was supported by default. If you want to use sass, only thing you need to do is install node-sass as dependency. CSS in js is just a popular option in many option for styling for React project.
@lukasluftlaufer1093
@lukasluftlaufer1093 2 жыл бұрын
That was pretty cool and helpful! Thanks Erik!
@chetouihamza7131
@chetouihamza7131 4 жыл бұрын
For me, I literally throw a piece of change to chose between vue and react and I'm happy with the result 👌
@tonimaunde
@tonimaunde 4 жыл бұрын
Thank you for the video, Erik. And a question: what is the name of the theme you are using :)?
@DavidSmith-ef4eh
@DavidSmith-ef4eh 4 жыл бұрын
MobX would give you computed properties and a more "vue-like" react. Also, you should have set an empty array as a dependency of the "useEffect" hook, otherwise the hook will be triggered every time props or state changes.
@MiziakMwa
@MiziakMwa 4 жыл бұрын
React can be added progressivly but need some initial effort to make jsx buildtime transpiled then you mixin React anywhere you want. I did this on my company but, ye you right there is no good way to use jsx only by adding script tag.
@dannytrejoh4591
@dannytrejoh4591 4 жыл бұрын
I still think Vue is King, especially due to separating HTML and JavaScript. (1) Also enforcing props makes it that it's easier for teams to understand what a child component requires. (2) I like the passing functions in React, but emitting events and Slots in Vue which is like @Output and @Input in Angular is an essential of a JS framework to enable a child component to communicate to a parent Component. (3)
@dannytrejoh4591
@dannytrejoh4591 4 жыл бұрын
@@molesarecoming Thank you for taking your time to respond, I will for sure read that article. Thanks
@rniestroj
@rniestroj 4 жыл бұрын
I think Vue is way more sorted than this. The click handler on the button was weird. This className thing - why i can't be a normal HTML attribute? I've seen nothing in this vid that i would say is better than in Vue.
@fxmtoeclipse
@fxmtoeclipse 4 жыл бұрын
It can’t really be a “normal” html attribute because JSX is only an abstraction over a function call. The native representation of the class attribute in the DOM is in fact className, which is the same thing you’d use with vanilla JS.
@rniestroj
@rniestroj 4 жыл бұрын
@@fxmtoeclipse thx for the explanation
@saandial3412
@saandial3412 4 жыл бұрын
Be great if you would create a vue ecommerce tutorial like Brad Traversy's React ecommerce tut. Thank you for all your great content!
@ahmedzribi7134
@ahmedzribi7134 4 жыл бұрын
It seems like Erik is clashing Ben Awad.
@sp00k1es
@sp00k1es 4 жыл бұрын
It would be interesting to compare to the Vue Render API where you also use JSX
@kylekim5861
@kylekim5861 4 жыл бұрын
Vue Developer here looking to learn React! Impeccable timing! Also what keyboard are you using? It sounds so nice.
@umerfarooq3121
@umerfarooq3121 4 жыл бұрын
Which vscode theme are you using in this video?
@JoshuaKisb
@JoshuaKisb 4 жыл бұрын
I like Vue more but react nice as well. I like react passing functions vs Vue emitting events. Plus Vue tooling needs some improvement. And typescript support. Otherwise Vue wins in other areas for me
@anthonyfalcon4054
@anthonyfalcon4054 4 жыл бұрын
Ever since I've switched to TypeScript with React I see no purpose for prop-types.
@mmghv
@mmghv 4 жыл бұрын
I used JSX in Vue before so this is really familiar to me, as much as I love the simplicity of Vue template, I actually find JSX making more sense as it's just javascript after all .. for example I know that in events you can call a prop function without using arrow function if you don't need to pass any parameters by just passing the function name without parentheses .. just normal javascript.
@trontr
@trontr 4 жыл бұрын
I learned and used Vue first, then studied React later (for hobby purpose), but then after 1 day of trying, I refused to continue because it is too ugly
@arvindk4813
@arvindk4813 4 жыл бұрын
npx create-react-app has got me struck to begin using react 😬
@mateuswetah
@mateuswetah 4 жыл бұрын
I would love some similar comparison regarding Vuex and React Redux. The first one took me some time to get but now it makes complete sense to me... but Redux really messes my head. I know the principle is the same but Vue's terminology feels much easier.
@IAmSolomon
@IAmSolomon 4 жыл бұрын
I think comparing VueX to Redux is a bit unfair. I’d argue MobX is a better comparison
@soltiscd
@soltiscd 4 жыл бұрын
Es6/7 snippets extension is what you were looking for.
@JY-xv7ic
@JY-xv7ic 4 жыл бұрын
hi, please create a video about jobs queue with nodejs or express..
@codewithHanbal
@codewithHanbal 4 жыл бұрын
i use the ' es7 React/Redux/GraphQl/React Native ' snippet
@aaronharding3695
@aaronharding3695 4 жыл бұрын
this is cool! but you should get a React developer to join you to help you, as they could clarify a few things on the fly :) (i felt the same with Ben's video :p)
@danieladekoya1224
@danieladekoya1224 4 жыл бұрын
This is madness x), by the way I'd still prefer vue js
@ProgramWithErik
@ProgramWithErik 4 жыл бұрын
haha
@GameCrawl
@GameCrawl 4 жыл бұрын
Hi, thanks for all the vue videos, I learned tons and I also have purchased one of your courses. I am interested to use algolia search with a firestore project I have, could you make a video on that?
@donpalmerrome4542
@donpalmerrome4542 4 жыл бұрын
I am trying man I am trying love react
@mitjed
@mitjed 4 жыл бұрын
Hey erik, why didnt you say at the end, "Vue is still King"?
@bawad
@bawad 4 жыл бұрын
That's because React is King ;)
@ProgramWithErik
@ProgramWithErik 4 жыл бұрын
Ha! I did say that!
@dipsagungurung4553
@dipsagungurung4553 4 жыл бұрын
lol
@markyanthonylaredo2614
@markyanthonylaredo2614 4 жыл бұрын
LOL
@UIGems
@UIGems 4 жыл бұрын
@@bawad Redux suckkkkssss and makes React complex. .. vuex is legend
@kolya7921
@kolya7921 4 жыл бұрын
I've used vue for 2 years+ but I switched to react eventually. And most companies I've seen requires deep knowledge in js + react . It sounds like my 2years+ in vue have just thrown away, Till now since the day I've moved to react I've never touched vue. Just watching Evan's vue update
@DavidSmith-ef4eh
@DavidSmith-ef4eh 4 жыл бұрын
I see lots of job postings in my area where they require "React, Vue and Angular" in that particular order. I'd prefer Vue over Angular any day.
@kolya7921
@kolya7921 4 жыл бұрын
@@DavidSmith-ef4eh Most large companies are maintaing react/ angular with djanggo backend 😆
@DavidSmith-ef4eh
@DavidSmith-ef4eh 4 жыл бұрын
@@kolya7921 Yeah, probably angularJS, not angular lol.
@kolya7921
@kolya7921 4 жыл бұрын
@@DavidSmith-ef4eh angular
@serhiimamedov
@serhiimamedov 4 жыл бұрын
Vue 3 improved it's typescript support but react support is still better. Also redux vs vuex ts support is not even the competition. And redux can be used without react. But there are some things that are better in vue. Vue router is much cleaner than react router. And have a lot of stuff like auth guards out of the box. There is not alternative to v-model in react (you have to implement it by your self)
@sasg87962
@sasg87962 4 жыл бұрын
loved VUE even more
@angelhdzdev
@angelhdzdev 4 жыл бұрын
What's your color theme? Thanks, stay safe!
@ProgramWithErik
@ProgramWithErik 4 жыл бұрын
Synthwave 84!
@angelhdzdev
@angelhdzdev 4 жыл бұрын
@@ProgramWithErik thanks sir!
@alfredodavila94
@alfredodavila94 4 жыл бұрын
I like both, but I like more Vue!
@UIGems
@UIGems 4 жыл бұрын
I feel once you start using Redux the react app will get complex and hectic.. Vuex is breezeway.. I found vue scoped css is great which is needs work around in React.. But both are greate frameworks.. Also I worked with Angular the folder structure and modules makes it complex but it's also a good framework. . BTW scoped css is concept from Angular brought into vue 😅
@UIGems
@UIGems 4 жыл бұрын
@@internet4543 yup if the app grows we need some state manager.. Recoil is awesome.. Doing the same job with ease
@UIGems
@UIGems 4 жыл бұрын
That's great!
@MarkoPetejan
@MarkoPetejan 3 жыл бұрын
And now we have two kings and no queen
@sunstrike8943
@sunstrike8943 4 жыл бұрын
Ben Awad is watching
@jancifoxhound6380
@jancifoxhound6380 4 жыл бұрын
how you know?
@sunstrike8943
@sunstrike8943 4 жыл бұрын
@@jancifoxhound6380 React Vs Vue the reason
@DM-pg4iv
@DM-pg4iv 4 жыл бұрын
You could just use TypeScript with react for types
@siya.abc123
@siya.abc123 4 жыл бұрын
I'm sorry but until further notice: 1. Vue 2. Svelte 3. Vanilla js 3. Angular (maybe) 4. React (really?) 4 and 5 are in no particular order. I can never have appetite for React, I won't even try anymore. Thanks for the insights Erik.
@sp00k1es
@sp00k1es 4 жыл бұрын
Naw, Angular is still worse. It's closer after seeing this, but Angular will always be bottom.
@glitchedbyte747
@glitchedbyte747 4 жыл бұрын
@@sp00k1es Why is Angular still worse? :o
@sp00k1es
@sp00k1es 4 жыл бұрын
@@glitchedbyte747 Just my personal experience that it's the most unintuitive and hard to manage.
@irhamputra3666
@irhamputra3666 4 жыл бұрын
@@glitchedbyte747 the learning curve of Angular is too high and also the docs is lil bit hard to understand and also overhead API. Vue is also overhead API imo
@mijailaronalvarezcerrillo21
@mijailaronalvarezcerrillo21 4 жыл бұрын
thank U
@rtnjo6936
@rtnjo6936 4 жыл бұрын
try nextjs, it's like create-react-app but better
@glitchedbyte747
@glitchedbyte747 4 жыл бұрын
Very interesting. Next time Angular maybe? :D
@ProgramWithErik
@ProgramWithErik 4 жыл бұрын
Yeah, I should do that
@hamdaniash-siddiq5021
@hamdaniash-siddiq5021 4 жыл бұрын
You always say in the beginning of your post “react angular and vue lover”. Why you try react only now? Hmm.
@dihanmalik4100
@dihanmalik4100 4 жыл бұрын
Here is my ranking (IMO) 1. React.js - it will show you who you are (your own style, how you compose/code/organize/optimize/etc) 2. Svelte - Vue-ish but more performant (developer friendly). P.S. Sorry Vue.js 3. Vue.js - React-ish and Angular-ish (developer friendly). P.S. sorry Angular.js 10. Angular.js - everything you need is there and also everything you don't need (developer friendly but a fake friend)
@oluwatomisinbabatunde8426
@oluwatomisinbabatunde8426 4 жыл бұрын
Thank God its your Rankings 😂😂
@khuiification
@khuiification 4 жыл бұрын
I'm surprised you prefer the Vue style of predefining your props. This was one of the big headaches for me when i used Vue because you can't do stuff like `const { a, b, c, ..rest } = props` which is kind of essential in some react libraries (Redux Form/Formik, and more) and which would have been super nice with Vue as well (actually made an issue & discussed this problem with one of the core members a long time ago) Also, props in Vue are checked at runtime (!) whereas with React + Typescript (which is the standard when working with React today) you would define a typescript interface which would be checked at compile time. Vue 3 has better typescript support, but you still have to work with hacks to get decent type-checking of your props. I liked Vue 2, i think Vue 3 is just a desperate attempt at copying react, it doesn't feel like a natural API at all to me. I wish Vue 2 came without a template engine (just JSX) - if it did i would've switched then and there because Vue's reactivity system, computed properties, efficient diffing is just way better & easier to work with than what you've got with react.
@khuiification
@khuiification 4 жыл бұрын
To elaborate on the "without template engine" part; i just want clear stack traces, not some internal stack traces of observables or the template engine, when i do something wrong. JSX is simple in the sense that it's transpiled in-place to JS, so its easy to follow.
@marcelo-anselmo-levy
@marcelo-anselmo-levy 4 жыл бұрын
Is this a Ben's response?
@sandorturbucz425
@sandorturbucz425 Жыл бұрын
Now Vue3 is really a lot better than it was, and React for me seems like a hassle, and an unnecessary one :( Too bad that it has much more job offers.
@AlessioVecchioDraelAV
@AlessioVecchioDraelAV 4 жыл бұрын
My god more and more videos about this Vue vs React debacle. I'll give you a really simple point of view about that: Programmers prefer React. Designers prefer Vue. By programmers I mean people really comfortable writing code, usually the more experienced across the board. As an example, people coming from backend development with a cs degree will choose 60% of times React. That's because React is more easy to grasp in the function (params) => UI paradigm. On the contrary, there are people less comfortable writing really complex pieces of code therefore they want everything wired up and ready to be served. Those kind of people usually come from the creative fields. As an example a UI/UX designer will be more inclined towards Vue. Also, I think React is still king for a simple reason: in a real company environment the thing making the most important difference is not the learning curve, is the scalability of the project. Therefore, learning React is more complicated (that's not true for software developers) but will be easier to scale up when many people are working on the same project. Moreover the maturity of the project makes a ton of difference. React is more mature and is backed up by facebook, the documentation is useless once you get it and there's more professional support when you want to use some UI library. React took many years to get there, Vue will definitely do the same trip, but now it's not up for the task Right now
@Tomas-pm2rm
@Tomas-pm2rm 4 жыл бұрын
Where'd you get those percentages lol.
@tanzimibthesam5861
@tanzimibthesam5861 4 жыл бұрын
Facebook does not open source the version they use in production
@andrey_lunar
@andrey_lunar 4 жыл бұрын
All of that jsx + typescript has nothing common with vanilla. It’s just an unreadable mess with 1mln imports everywhere. Simple things should be simple and that’s about nuxt, where everything is clear and structured and you don’t need to config your config how to config.
@StephenRayner
@StephenRayner 4 жыл бұрын
UseReducer, useContext, useMemo.
@StephenRayner
@StephenRayner 4 жыл бұрын
We need a part two of you going over these parts.
@siya.abc123
@siya.abc123 4 жыл бұрын
I don't know what that is but it sounds messy already
@ProgramWithErik
@ProgramWithErik 4 жыл бұрын
That would be interesting...
@fullstack_journey
@fullstack_journey 4 жыл бұрын
@@siya.abc123 it was messy for the first two weeks I tried it, now it seems pretty natural while writing react code
@zurakotarou1263
@zurakotarou1263 4 жыл бұрын
@@siya.abc123 These are the best things that have happened to react, these features are gonna improve readability of the code and make code more understandable
@ghouston2712
@ghouston2712 4 жыл бұрын
Thanks Ben... ERM.........I mean Erik
@sardorbekaminjonov256
@sardorbekaminjonov256 4 жыл бұрын
Hello from Ban Awad :)
@____-gy5mq
@____-gy5mq 3 жыл бұрын
Banworld
@djchrisi
@djchrisi 4 жыл бұрын
I find the react vs. vue discussion boring. Most comparisons concentrate on the outside, very few actually take a look under the hood what the real differences beside syntax, github stars or community acceptance are. Who cares? It's undeniable that with both frameworks you will get the job done. I welcome that there is a competition which means choice and constant improvement.
@StephenRayner
@StephenRayner 4 жыл бұрын
Never use JavaScript, anyone watching this please ensure you use typescript. Declare your props in an interface.
@migueldomingos4570
@migueldomingos4570 4 жыл бұрын
Or use PropTypes
@jmon24ify
@jmon24ify 4 жыл бұрын
@@migueldomingos4570 you could use prop types but they are not that good imo. definitely prefer declaring types/interfaces more.
@migueldomingos4570
@migueldomingos4570 4 жыл бұрын
@@jmon24ify I agree bro. I also.prefer typescript. But some people only know js
@justintie
@justintie 4 жыл бұрын
no
@migueldomingos4570
@migueldomingos4570 4 жыл бұрын
@@justintie Very informative
@adriatomas4972
@adriatomas4972 4 жыл бұрын
lol are you copying all from your other screen xD
@dihanmalik4100
@dihanmalik4100 4 жыл бұрын
Of course, you need to be prepared when there is a presentation. xD
@dipsagungurung4553
@dipsagungurung4553 4 жыл бұрын
Kind felt like bashing react while gasLighting vue for 30 minutes straight.
@SakiKnin
@SakiKnin 4 жыл бұрын
Try BTC
@StephenRayner
@StephenRayner 4 жыл бұрын
Vue with typescript is horrific
@uleertel
@uleertel 4 жыл бұрын
I don't know React, but I agree Vue with Typescript is not really pretty.
@sp00k1es
@sp00k1es 4 жыл бұрын
Once they get all these upstream bugs in V3 for vue-router, and all the plugins, I think it will approach being pleasant.
@CodingUnited
@CodingUnited 4 жыл бұрын
@@sp00k1es I've been using vue-router@next and it's pretty good!
@sp00k1es
@sp00k1es 4 жыл бұрын
@@CodingUnited It's been a while since I tried, that's good to know it's gotten the attention it needed.
@irhamputra3666
@irhamputra3666 4 жыл бұрын
as a React and Vue developer I totally agree. Typescript is just lil bit pretty well in vue-class-component and add vue-property-decorator makes a lil bit easier to handle a lot of overhead API from Vue.
@cyberpunkdarren
@cyberpunkdarren 4 жыл бұрын
React is terrible. Embedding html inside javascript?!? That breaks every common sense design pattern ever invented.
@dyunior
@dyunior 4 жыл бұрын
Well that's what its designed for, to embed JS in HTML or embed HTML in JS.
@fxmtoeclipse
@fxmtoeclipse 4 жыл бұрын
It’s actually very nice once you get used to it imo. You don’t need to use JSX in React but it’s even more painful than manipulating DOM elements in vanilla JavaScript.
@cyberpunkdarren
@cyberpunkdarren 4 жыл бұрын
@@fxmtoeclipse Maybe but markup and code should be kept separate. Embedding one in the other violates the entire idea of it. I shouldnt have to change code to change the look of something that uses HTML. To this point React just forgets basic design principles.
@RaZziaN1
@RaZziaN1 4 жыл бұрын
Actually its not just hmtl inside javascript, its html inside javascript which then is put inside html and switched dynamically.;p
@jmon24ify
@jmon24ify 4 жыл бұрын
separation of code does NOT equal separation of concerns. React did not break design patterns, they embraced it with encapsulation and modularity through the functional paradigm to make high performant apps.
@fimdan
@fimdan 4 жыл бұрын
Once you go react you never go back.
@ElmachitoSilbateador
@ElmachitoSilbateador 4 жыл бұрын
Cope
@DashtyTyler
@DashtyTyler 4 жыл бұрын
I think you explain too much unnecessary things than coding. I would liked to see more you would do in the React from coming from Vue
@PauloSantos-yu1tn
@PauloSantos-yu1tn 4 жыл бұрын
Im i the only on that doesn't like the way react code looks?
@DavixeTheBoss
@DavixeTheBoss 4 жыл бұрын
You are not alone, i will always stick with Vue just because of this, is ultra-important for me.
@PauloSantos-yu1tn
@PauloSantos-yu1tn 4 жыл бұрын
@@internet4543 you are saying that you are better? I could bet that only thing you know is install packages. But that's ok. You are such a good dev. Lol
@udev6707
@udev6707 4 жыл бұрын
Dislike for trying React Crap :(
@Kats0unam1
@Kats0unam1 4 жыл бұрын
Angular is still King.
@amirnoorani5017
@amirnoorani5017 4 жыл бұрын
I like how you are cheating from other monitor :))))
@lebroncarmelo1523
@lebroncarmelo1523 4 жыл бұрын
react > vue
@marcelo-anselmo-levy
@marcelo-anselmo-levy 4 жыл бұрын
React wins
@bswill5077
@bswill5077 4 жыл бұрын
That's one ugly code lol. It's like forcing yourself to eat something that you dont like. Welcome back to the 90s boys
Trying React (Next.js) For The First Time As Vue  Developer
11:33
Program With Erik
Рет қаралды 20 М.
React Is King? My Reaction To Ben Awad On Vue.js!
12:48
Program With Erik
Рет қаралды 65 М.
Quando A Diferença De Altura É Muito Grande 😲😂
00:12
Mari Maria
Рет қаралды 14 МЛН
小路飞和小丑也太帅了#家庭#搞笑 #funny #小丑 #cosplay
00:13
家庭搞笑日记
Рет қаралды 7 МЛН
Муж внезапно вернулся домой @Oscar_elteacher
00:43
История одного вокалиста
Рет қаралды 7 МЛН
The Difference Between Vue and React
10:27
Lachlan Miller
Рет қаралды 41 М.
React explained for Vue developers in 7 mins
7:48
Justin Brooks
Рет қаралды 16 М.
State Managers Are Making Your Code Worse In React
13:33
Web Dev Simplified
Рет қаралды 203 М.
10 modern layouts in 1 line of CSS
21:39
Chrome for Developers
Рет қаралды 1,1 МЛН
These Vite Mistakes With TypeScript Are Bad (React, Vue, Astro)
9:03
Program With Erik
Рет қаралды 2,8 М.
Why I'm Switching from Vue to React
10:45
Suboptimal Engineer
Рет қаралды 67 М.
React JS Crash Course
1:48:48
Traversy Media
Рет қаралды 3,4 МЛН
This Vue Mistake Was A Real Problem
8:02
Program With Erik
Рет қаралды 3,8 М.
Vue.js: The Documentary
34:45
Honeypot
Рет қаралды 1,5 МЛН
This New React Feature Will Make Your App 20% Faster
11:19
Web Dev Simplified
Рет қаралды 52 М.
Quando A Diferença De Altura É Muito Grande 😲😂
00:12
Mari Maria
Рет қаралды 14 МЛН