Interesting observation!

Lol very true

What is funny?? 😂 I switched to React for work 2 years ago… but still use vue for all personal projects . the more I use react the more I wish I was using vue3 composition API. There are a few things that really frustrate me about react

Update: They're using React at my new job and now I have to learn it ASAP 😅. Lesson: You should always learn React. It's everywhere right now.

I watched this video because I might have to learn React for a new job (afters many years satisfied with Vue), ...but now I'm very super sad.

React has better TypeScript support because it basically writes its html portion inside Javascript, so you have access to all your typing. In vue, you write your html in a different section so you do not having typing inside the html portion, however if you really need TypeScript support inside your html code, Vue allows you to returen JSX inside a render function. As a matter of fact, html code written inside the template section of vue is compiled into JSX like code during compilation.

I think Vue has Volar now which helps in VsCode ?

Vue has awesome typescript support

Based from what I've heard, their VS Code extension, Vetur helps with that.

Woo! So glad to hear! I'm glad it had substance you really benefited from!

Yes, but it's called Virtual DOM. It has the concept of Virtual Nodes or VNodes too.

Agree. Fortunately though, they're gonna be rewriting the docs.

Vue can run without compilation. That's literally just JS.

@@AndyJacksonSoftware React can too. You can even use JSX if you pull in a babel script cdn, but It won't be as performant as Vue.

There's no magic in Vue, it's just very well thought-out

It makes you feel, but keeps you abstracted the same way. That reason is not enough to use X or Y framework, if you want to write plain javascript use vanilla js.

Then combine vanilla and alpine

JS isn't questioned here :D The talk is not on how to blindly trigger prebuilt magic standard functionalities. Let's not discard efficient tools for a mere illusion of better education in the lack of the tools. ** Not using a hammer to better understand and master the notion of gravity and material types **

It is, in China

@@NoNo-pz4lm I have moved to USA from Mongolia recently and 9/10 jobs are react and vue 1/10, I like vue but to get job I need to learn react, starting salary react $120k per year, I have been learning vue for 4 months but now need to switch to react

In China, the number of jobs in Vue is 100 times that of React

Personal opinion warning: React doesn't have a style guide because of the shitty open source model that Facebook has. That basically is "okay ill do the minimum amount of work, the community then will do the rest of work, just because we are Facebook and people are gonna use our app". Vue, being the small guy that has to win market share, has to actively try to guess what developers really want and what makes the experience of working with it great, and that translates to most of the advantages explained in this video. Also, quite important point, the creator of Vue worked with Angular (he actually worked at Google for some time) and that means that he inherited some of the "opinionated" approach to problem. People sometimes likes React exactly because it lets you completely free, but sometimes opinions became standards, and standards are great when developers have to move from one project/company to another.

Directives also ng-if and ng-for

@@kettenbach Vue doesn’t have a straightforward way to build custom structural directives (v-if and v-for) because v-if/v-for is parsed with the AST.

I found your solidjs video nice.. Could you give an explanation regarding how to code in solid

Have you tried AlpineJS? It’s a minimal framework based on Vue for non SPA apps

@@MagnusAnand Yes a little bit, and it's awesome for UI changes for hamburger menus etc.. Small minimalistic it's like Tailwind for JS.

A team I was on last year (senior level Vue devs) had so much trouble making TS work in Vue 3 in ways we would find useful we ended up abandoning it altogether. The team lead, despite clearly preferring Vue, told me he wished they picked React just because he prefers TS that much. At that point though it was a bit late to rewrite the project... Not sure if things have improved in the past year, but we had a notably negative Vue 3 Typescript experience.

​@@baka_bacaVue TS support is great

no one cares about angular, google is killing angular in 2022

I don't know if i really understood what you tried to say. But Vue 3 biggest update is the Composition API, take a look at it.

I do prefer Vue over React in almost every aspect, but you are 100% correct, debugging is the one thing that Vue really needs work on. I'd have to check if Vue 3 has fixed that or not.

React is just JavaScript and React error messages are very verbal and easy to debug

Vue is awful at passing data between components, and the component methods like computed, etc. are obtuse and pointless, and don’t describe the Vue render lifecycle well. Idiosyncratic garbage that makes customizing the code needlessly painful.

@@chiefdan07 Yes I agree with you. I just tried debugging react app and it's really awesome. It works just as expected.

@@NoNo-pz4lm bingo

*Sapper. Svelte is the library, Sapper is the framework based on Svelte. Kinda like React/NextJS

Vue. Forget React, it's an overhyped piece of garbage

tailwind: the most stupid idea for FE

What's the problem with tailwind?

@@fooked1 it's hard to work with...for many reasons that are hard to explain in a comment...if you are a pro in css/html you can understand why

@@mrwho2513 what do you mean by comment? Can you explain further?

@@shamscorner I wanted to say that there are many reasons why tailwind is a bad idea, and it's hard to explain them in a comment(s) because you'll have to write a blog post for that, too much to say...

Wait for the next video! It’s in that one 😃

most is a strong word.. many is more correct.

use them both man lol that's okay

@@NickPavlica Ooh. Thanks!

🤦🏻

😎 aww yeah

Vue has lesser boilerplate

Very welcome!

The main reason I hate Angular is zone.js. The concept of it compared to Vue's on-demand re-renders is so fuck*ng stupid.

🙀

hmmm I see.....

So react somehow solves this issue?

@@ziad_jkhan Yes because passing data between components is painful in Vue, not in React

@@chiefdan07 Ok and how exactly is Vue making it that painful then?

@@chiefdan07 they way your go with vue is just to use vuex. And vuex is much more easier and faster to use than redux.

Ionic vue ,pwa vue ,native script vue , quasar vue ?!!!!!

@@zealtypedcode3119 Ionic Vue was released a month ago. PWA isn't a mobile offering. Native Script... good luck getting answers and support with that one (~7k questions on stack overflow). Quasar has even less and it's basically using Ionic/Capacitor.

@@fooked1 I know but I believe there is potential for future adaptation also vue already supported different backend frameworks well I think vue strength will be versatility with different frameworks and speed of production

I've used both and I actually prefer the reverse (Vue for Web-Apps). Vue to me is much easier to manage and organize, especially when trying to wrestle with state management. With react + redux, development for web-apps is a very slow burn, and I tend to see Vue + VueX handles state much better, by design, and Web-Apps, in my experience, requires a central store more often than web-sites. I just personally find Vue much easier to hit the ground running, while still being very flexible.

@@internet4543 Those who are using vue don't even now how react 16.8 has changed the game completely, no lifecycle methods, only hooks, create your own hook and use, composition is on a whole new level and best thing no magic. I don't want a framework that doesn't let me do more and more js but use directives that do all the magic. With useContext and useReducer, the use of redux became optional. If you even have to use redux for a very large site then also you just need to save user details and other things can go in context.

@Nebula React is the best but I like svelte to because no virtual dom and sleak size of the app itself makes it a compelling option for making basic sites with svelte.

Magic hands!

Who is Dickhed?