Angular is BETTER than React and Vue under 3 CONDITIONS

Comparing Angular vs React vs Vue, which is better? I took a look at all three and I don't think it's a matter of preference. I think there are certain situations when Angular is better than Vue and React (as well as times when it is not.) In this short video, I describe the three biggest reasons why Angular is best in my application and I briefly describe the differences that matter most. This is a great introductory video to the three frameworks / libraries if you are looking for a definitive example and a real-life application.
If you'd like to take a look at Mastery Portfolio, check us out at masteryportfolio.com
INDEX
1:05 - Distinct roles
1:28 - Reason 1
2:02 - Reason 2
2:38 - Distinct Features
3:45 - Reason 3
WEB DEVELOPMENT COURSE
Episode 1 - The Terminal : • What is the command li...
My name is Ben and I am a software developer. I have iOS apps and a few web apps. (Every other web app is comparatively small and was developed using vanilla JavaScript.) If you'd like to see what I'm about or what I've done, check out the links below:
THE PERFECT BOARDGAME - A site for matching tabletop games with your unique preferences
theperfectboardgame.com
SOLUTIONS FOR X - My first published iOS apps
solutionsforx.com
NEVER BEN BETTER - My Blog
neverbenbetter.com
MY PATREON SITE:
www.patreon.com/neverbenbetter

[@ekagib]

Reason 1: Vue also has some solutions which are developed by the core team for routing, data store. React on the other hand can be confusing with it's vast ecosystem, but once you settle on a subset of choices, decision fatigue should not be a problem. Or just use Nuxt or Next / Gatsby Reason 2: Vue 3 was rewritten using typescript therefore it has better support out of the box than before. React also supports typescript and I think more and more people are using it Reason 3: Services are great, but in React one can use the Context API and custom hooks to share logic and data . Vue 3's composition API is also great. It doesn't really matter which framework you choose as long as you can be productive and ship better apps to users. I like your main reasons were based on this and it's great that it works for your team. It seems like all these frameworks are improving, learning from each other and getting similar. The mental model is still different between them but at the end of the day, they all produce HTML, CSS, and JS. So I think it's only natural that they converge. My personal reason to like Angular is it's integration with RxJS Observables. Yes, Rx is a generic library and can be used with React or Vue but Angular makes it slot in nicer.

[@neverbenbetter8225]

What a great comment. I especially liked: “It seems like all these frameworks are learning from each other.” Thank you so much for sharing your perspective.

[@kostas1003]

There is no clean way in React to define the types of component parameters when using Typescript

[@panbenes]

@@kostas1003 const Component = (parameter1: string) => { parameter1 } const Component: React.FC => ( ... ) => { ... } function Component(parameter1: string) { ... } It's ok

[@BigluisVargas]

Vue3 composition API do not support fully dependency injection. For example to inject a class as a service you need to instantate it manually, instead using a class you should use a Vue component, or you should add a third party library like inversify.

[@ricko13]

The two dislikes are from Ben Awad's main and secondary accounts.

[@Kats0unam1]

LMAO, you made my day bro.

[@MiguelFelipeCalo]

8 alt accounts and counting.

[@issam9077]

ahahahahahahahahahahhahahahaha best comment

[@sudonick2161]

@@MiguelFelipeCalo 21 alt accounts and counting..

[@GoWokeGoBroke1]

Genius comment...

[@remix2die4]

I love Angular for the conventions. clean, organized and structured codebase.

[@ninjedi6710]

as a tech recruiter with react+angular background. i gotta say, the react community is overpopulated with newbie devs who are solely good at answering interview questions and lying on resume. our turnover rate has become too high. we hire people and we fire them in less them 6 months because the senior devs were not satisfied with their performance during code reviews. switching to angular is the BEST DECISION EVER. we hired 2 fresh grads and they have been with us for almost a year now!!!. the learning curve and verbosity in angular filters out the bad the developers from the good ones. the over simplicity of react attracts too many noobs.

[@neverbenbetter8225]

So true! We were looking for another programmer this summer and I found these people who clearly didn’t know what they were doing. I eventually learned a few had taken these six-month, “kick start your career-change” courses that “teach you how to be a programmer”. They had React on their resumes.

[@saturnustear]

Hey I'm totally agree, I'm Senior Software engineer and I have faced similar situations when trying to recruit devs with strong knowledge in OOP and Typed language knowledge plus SOLID principals. I think that a great deficit is the curve of learning of React, it is shorter and easier than Angular and this seems to be the easier path for new devs to get a Job but unfortunately they skip a lot of fundamentals. More React developers out there do not mean more qualified talent.

[@danvilela]

Thats why im learning rust

[@MarkEdwardTan]

I have used both Angular and React in work and I prefer Angular because of OOP, RxJs, Services, Separation of Concerns and Reactive Forms Approach. Angular has a steep learning curve at first but once you get pass that then it is all good. For React, what I like about it is that it will make your JS/ES6 skills good, there's NextJS and it is easy to learn (except for Redux). What I don't like about it is that you need to study different syntaxes like Class based components vs Functional components.

[@neverbenbetter8225]

Great comment. Thank you so much!

[@JohnRichterIsOnEarth]

I'm an Angular developer who is learning react due to market conditions. In general, angular seems underrated and react slightly overrated, though I like react as well. I definitely miss the structure and CLI of angular, as well as how cohesively the pieces work together. Rxjs is amazing. Unfortunately, I'm probably going to rewrite an angular indie hacker app in react simply because the community is much larger. But all of the pieces in angular--forms, ssr, services, reactivity w rxjs--are ready to go out of the box, for the most part.

[@neverbenbetter8225]

Thanks you so much for sharing your take. I think there’s just a lot more flexibility with using a library. I did an entire rewrite of an app that a I had been working on for a year to use Angular. Not “the easiest” but the project probably needed it anyway. So are you using JavaScript again? I think I would miss TypeScript.

[@JohnRichterIsOnEarth]

Nope, going to use Next.js + Typescript. I agree: I use typescript everywhere in Angular, and it's amazing. React's support for TS in its larger ecosystem is definitely not as complete as the Angular ecosystem.

[@neverbenbetter8225]

Oh. I'm not familiar with Next.js, so thank you for sharing!

[@badarikrishna3169]

You read my mind. I'm actually deciding on a proposal whether to go with Angular or React. I'd seen Angular since it's version 1 and I love React for the way of building super easy components via jsx but it's the state management that forms the deal breaker for me atleast.

[@MiguelFelipeCalo]

@@neverbenbetter8225 it's a very familiar backend framework for angular devs. Makes heavy use of decorators and is in TS.

[@CodingAbroad]

Hi, Angular dev here. I completely agree that Angular is better suited towards the bigger apps. It’s strict structure is a must if you’ve been on a project like I’ve been on for nearly 4 years. One more thing I’d like to add is it’s completely robust reactive formbuilder. You can make any type of form with ridiculously complicated validation (if your form needs it) which was a limitation I found in all the form libraries I saw with react and vue.

[@neverbenbetter8225]

Andrew Howard thank you for weighing in!

[@MarkEdwardTan]

Reactive Forms Approach for the win! This is what I'm missing in React and Vue

[@CodingAbroad]

@@MarkEdwardTan great aren't they? :) I was using vuelidate for vue, but it's still very rigid on making any changes after page load.

[@CodingAbroad]

@David Austin yes you can, I’ve done it on my recent project. Add the multiple attribute to the select field and then just treat the value as an array

[@rado147]

CS student here. Learning Angular for one semester already and have to say that the learning curve is pretty steep but I also find angular great cuz it reminds me of LEGO. DI is dope, so is the ability to reuse components. There is so much to learn. Looking forward to MEAN stack in the next semester. Peace!

[@neverbenbetter8225]

Thanks for the comment. Yes, it is a step learning curve, but it keeps getting better and more powerful the more you learn. Keep it up!

[@MiguelFelipeCalo]

I've tried react and vue. And my verdict is the same. When your app grows in size and complexity, you'll end up with something looking like angular or something angular is already doing. Also, the "bloated" argument has become moot, because angular libraries are now in separate modules, you only need to install and/or import stuff you need.

[@neverbenbetter8225]

Great comment. The flexibility with modules lends itself for some real creativity in organization. I’m a big fan.

[@dbarnett]

The relative simplicity of the other tools makes them a great option for learning and for building solutions quickly. Some folks choose to insult junior devs who find the complexity of Angular daunting. Find a way to build others up or at least refrain from tearing them down; it'll make you more valuable in a team setting.

[@malikbrahimi7504]

Oh my god, you've read my mind exactly! As a React developer who's had to deal with complex state management with the likes of Redux and the context API, I've been considering returning to Angular which I've very infrequently used back when Ionic was Angular only. Services are a huge game changer.

[@lgiorgos1]

Angular also has its own redux. It is called ngrx

[@samsondavidoff372]

I work with Angular This framework is fantastic. A truly full-fledged framework that provides everything needed to develop a single page application. Most front-end developers hate Angular's steep learning curve, but this topic has an interesting secret: learning Angular is difficult at first, but as soon as we master its topics and features, we can quickly work with it and create great applications. Angular has many advantages that unfortunately most people do not pay attention to. The biggest advantage of Angular is the good structure for the project. Angular uses an architecture that makes projects easy to maintain and develop. The structure and architecture of Angular makes its maintenance and development more manageable as the scale of the project increases. But in relation to React, it is the opposite. Getting started with React is easy. React projects are very easy at first, but as the project gets bigger, it becomes challenging to maintain and develop because React does not have a specific structure (because React is a library, not a framework). In my opinion, Angular has been wronged. The community of front-end programmers has closed their eyes to many advantages of Angular and on the other hand, they have overrated React. I hope that a fair balance between front-end technologies will be established in the not too distant future.

[@chorezap]

I love how Dependency Injection works for Angular. React feels like 🍝 code.

[@marothimahlake7458]

Coming from a .Net Background that's exactly how I felt using react for a large project plus the tightly coupled nature of the Actions and Reducers (this made me appreciate DI even more) are a maintenance nightmare.

[@salmi_azrinparentsonly863]

What's difference with just using Static Variables?

[@nechar-joshi]

Loved it.Want to hear more on topics like this.

[@neverbenbetter8225]

I’m working on a serious that introduces web app development for beginners and startups. I hope you will be around for it!

[@harryngwa]

I just love the way this guy puts it. Great video.

[@MansourSridi]

Good presentation: I have a question regarding my project and I need help to make a better choice: The aim is to migrate step by step from JSF primefaces to Angular. My question is what are advices that you request form me please: what are actions to take and your opinion regarding a migration to do from (JAVA11/tomcat/JSF/Primefaces (5.3) to java11/tomcat/Angular fore information I could not do a migration of all screens because there are about 10 years of development. it is possible to integration Angular in Primefaces(jsf): call Angular pages from Primeface and visversa. So integrate Angular the same project of Primeface(JSF)? the other option is to create a new project based on JAVA (endpoints) and Angular but in this case how can I do to route between pages (old pages in Primefaces and new pages done in angular)? what is the solution that I can take and how to do it please. Thank you for your help in advance

[@neverbenbetter8225]

Unfortunately, I am not familiar with Primeface, but when I migrated, I did a complete rewrite. Granted, my project was only a year old. Angular is a great way to organize a large project, but I think if you were to attempt to migrate slowly by having part of the site in Angular and part of the site in something else, it would involve more trouble than it is worth. It’s not a question of “can” but “should”. Again, I don’t know about Primefaces, so maybe there is a degree of compatibility that I am unaware of.

[@alitopedits]

At the end of the day, it all boils down to what gets you a job. I'm learning react and angular simultaneously. 😎

[@conecdatatecnologia7315]

As you code grows, having html and your code in different files helps a lot, haven't written a big react project so far, but forcing template and code in the same file looks a little painful in these cases.

[@otmanm4095]

I don't know Vue or React and directly jumped into Angular (Though I toyed with Svelte a bit), because in my area in France Angular is sllighlty more use for work than React. This is not super easy to learn but the structure is very good and the documentation is insane. I like Angular. Thanks for sharing your knowledge between these frameworks.

[@scriptkeeper8243]

Thanks for that explanation.

[@abdraoufx]

This exactly why i liked angular more. btw can we have a look at your web app? I'm only interested in the design because its my weakest point.

[@neverbenbetter8225]

Sure. You can create a free account to look around. HTTPS://theMasteryBook.com We might email you, but if you contact us (via the app) or respond to the email, I will personally delete all data attached to your account so after you’ve looked at it and are through, you don’t ever get an unwanted email from us again. (I mean, I’m assuming you aren’t a teacher, so your only interest is in how the app is designed!)

[@arjayarjay8856]

Thanks

[@PatrickMichalina]

RXJS at the core framework level is one of the primary reasons it is low key superior. React isn't actually REACTIVE the way angular is thanks to rxjs at the core.

[@chenghuichao3653]

vue & react is about Freedom, a lot of developers or freelance developers like them. And converted from backend (c#), so I like angular.

[@aviraltiwari5645]

Hi @NeverBenBetter thanks for this amazing video. I am actually looking for your help: I'm building a platform like a job portal, currently it was created with Next.js now am confused if I should continue, because I will be adding more features and services. SO can you please tell if next.js is good or angular for big platforms with huge traffic? and also whose costing is better?

[@347harsha]

I agree with you

[@ricko13]

The other day a guy on discord says that he doesn't like Angular because it got so many features that overwhelm him. LOL

[@CptWacko]

You can put yourself on a pedestal and see him underneath you because you like Angular or you can actually think about what he said and realize he was telling you that there's too much functionalities for nothing (if you don't use them all) which makes it heavier. If you're only displaying thing, it's completely stupid to use Angular, use React instead.

[@yeicore]

@@CptWacko since Angular 8 they fixed that problem. If you don't use something, it's not added to the final app.

[@MiguelFelipeCalo]

@@yeicore The angular bigotry is stuck at version 2. They refuse to see what 8-11 has to offer now.

[@MG-wx8yx]

I learned Vue, then React and then Angular. I settled on Angular, and I knew I was gonna settle on Angular the moment I started it. It’s an all-round framework really.

[@MotionInMotion1975]

Anyone can learn React... Angular is not for everybody. I like React concept, but I'm fascinanted with Angular, specially when it comes to develop massive/large scale web applications. Plus it pays much better ($$$$).

[@ninjedi6710]

tech recruiter here with angular+react background. React is filled with newbies who just googled "react interview questions". The greatest thing I like about angular is that it filters out the good and the bad developers because it actually takes time and talent to learn it.

[@MotionInMotion1975]

@@ninjedi6710 Absolutely agree with you. Tier 1 insurance company CTO here. Angular is the way to go... Finding good Angular devs is super hard, but it wont be in the near future.... and its hard specially when we look for full-stack developers that do backend APIs for the Angular UI, the conversion from the design team to Angular, and typescript... plus also work at the UI. As said, anyone can learn React, and Angular is not for everybody. Cheers Ninjedi.

[@lgiorgos1]

I feel that Angular is more complicated than it should be. Where I live, Angular jobs are way more than React and Vue. It seems that I probably have to start learning it...

[@ninjedi6710]

@@lgiorgos1 its more complicated coz it has more features. if you are just building a "tictactoe game", angular is just as easy as react.

[@MotionInMotion1975]

@@lgiorgos1 Yes George, it is more complicated, but it is amazing and there is a solution for every challenge you may encounter for your dev. As Ninjedi said above, the good thing about Aangular is that it filters out the good and the bad programmers.

[@shubhamanandgupta3483]

redux could for state management like the services of angular

[@ikorogodstime3473]

Well there's the context API

[@Johnny1864]

Services and CLI are awesome

[@ascandone]

Reason two is valid against Vue (since as of today - end of 2021- typescript support is still meh) but not against react, since it has super good ts support

[@remix2die4]

Careful. Angular will create as many instances of a service as you declare in the 'providers' array.

[@jsgovind]

Angular in general forces developers to have a good understanding of software design principles to build professional applications. Most professionals in the Software Industry who have experience in programming languages(JS doesn't count lol) would appreciate Angular more because the application is structured in a way that makes is easy to test, maintain and scale. React on the other hand is just a nice tool for quick and dirty front-end code and that is all it will be unless the developers using it follow good development practices with a well-designed application. It's not enough if it just works lol. If you are working on an application that is built the right way with React following software industry standard practices, you will end up with an application that looks like Angular. In the right hands, both React and Angular are good tools. In the wrong hands, React becomes a nightmare to maintain, test and scale. Angular on the other hand tries to force its framework structure and this can prevent a messy application. Even in the wrong hands, the Angular structure can prevent the design from getting as out of hand as a badly developed React application. Unfortunately, most of the hate for Angular from React developers seems to be the requirement of Angular development to follow what are considered standard professional practices in the Software Industry or the need to learn typescript they find difficult. If anything, making it easy to push badly designed applications should be something that should be held against React and not used as a point to promote it because a badly designed application becomes very expensive in the long run.

[@yaktd5704]

Angular is the best!!

[@mikaelfrosthage4375]

Vue v3 has better support for TS and supports dependency injection so I don't really think 1. and 3 are that relevant anymore. I agree with number two though. Also, not a Vue fanboi, and I really like angular.

[@giorgimerabishvili8194]

You're right. Angular is the most accomplished framework out there!

[@danverkanyemba1833]

Vue has vuex and this is where you can store all your data. The components will retrieve data from there onwards, but i know Angular is the best.

[@lucasfontes7914]

I really prefer React because of it's simplicity. Besides, the structure of the code is way more similar with HTML wich is perfect for me as a beginner. When I was trying to learn Angular, everything seemed to be exagerated large. Maybe because I'm using neither of both to create a large application and being already familiar with React way before I know Angular, is probably biasing my decisoins. Even though I still prefer React, even beacuse I can use it with React-Native for mobile apps over using Ionic that haves a lack of performance in comparason with React Native, using Angular and Web View.

[@neverbenbetter8225]

Thanks. I actually agree with your reasons. React and Vue are both much simpler and that has its own appeal.

[@omarkarim9298]

If you're a beginner you should focus on more logic than frameworks and thinking programmatically instead of learning frameworks be it react or angular or anything else

[@lucasfontes7914]

@@omarkarim9298 I meant beginner on frameworks, I already know pretty much everything I need to use one like Angular or React library, but for me React is more appealing than Angular.

[@ChrisGaskillBU]

I agree that having an (opinionated) framework can lead to consistency which is always a good thing. All of the React apps I've developed are structured to comply with your three reasons (code/project structure, injecting data at the component level, and service oriented architecture). I've worked on a couple enterprise Angular applications, and I'm not a fan their approach to routing or having HTML split up from the code that manipulates it. I personally prefer React's approach to routing and the use of JSX.

[@neverbenbetter8225]

Chris Gaskill Thank you for sharing. With regards to having HTML alongside code, I agree. I think React is the most intuitive. I also like that, unlike Cue and Angular, it’s not HTML but JSX. Unfortunately, while Angular benefits from TypeScript, that strong typing isn’t extended into the HTML. I’m wondering how your react apps are structured? Are you using other libraries or are you just using react a certain way? In my research for selecting my own framework as well as making this video, it was my understanding that a React equivalent of a service was basically a modified component. Is that true? My assertion is this: like vanilla JavaScript, what is POSSIBLE with React or Vue is limitless. I wouldn’t argue you CAN’T structure a project as I described in the video, only that with Angular, the structure is built in. So if you are learning how to create your first project (as I imagine many people watching this video would be) every starting point with Angular is going to head in the same direction. With React, your component library is uniform, but where you go from there can vary immensely. Regardless, if you would tell me more about how you structure your projects, I would love to look into it and learn more. I have a side project that I was thinking of doing with React.

[@ChrisGaskillBU]

@@neverbenbetter8225 I started developing a side project (github.com/cgaskill/simulacrum) awhile back using create-react-app (highly recommend) which at the time didn't support Typescript, but it now does. In /app/src/action, you'll find all of the services which I called Actions. These Actions are imported in the components.

[@JohnRichterIsOnEarth]

@@neverbenbetter8225 As of Angular 9, type checking happens in templates too. You have to set it in the config though.

[@RTXonerix]

I am using and learning React, because I never understood the point of using classes on the web. Functional hooks that makes classes obsolete and Context API that recently replaced Redux and also making Redux obsolete as well is godsend.

[@pabloespinoza6471]

React feels like 🍝 code

[@SupunPraneeth]

well those are sure reasons but not good one, I have use Angular, React and Vue and I would say react is far better than angular and vue. if anyone says react is not good for bigger projects they sure has no idea how to organize it, also if you lean react, its very easy to learn other two.

[@neverbenbetter8225]

Thanks man. I still want to know react better.

[@neverbenbetter8225]

Question: do you use TypeScript with React?

[@kevinr8431]

@@neverbenbetter8225 For me, TypeScript is a must - just so many benefits over vanilla JS.

[@Damixx111]

@@neverbenbetter8225 typescript in react is awesome. I'd even say reacts typescript support is better than angulars, because JSX is checked by TypeScript too.

[@eliezerben]

You say "if anyone says react is not good for bigger projects they sure has no idea how to organize it" Isn't that still additional effort you have to put in, which you don't have to worry about that much if you are using angular?

[@Avalk]

Whenever I work on “that angular project” I have nightmares at night. - forced and unnecessary extra stuff to configure/type - needing services when you could just use events - confusing reactivity: things never “just work” Overall, it seems that Angular is trying to teach you how to code as its devs intended forcing you through tedious practices and minor details you should pay attention to... feels like having that teacher that is trying to make you feel stupid as if it was the only language around, when you are just trying to get things done and there’s always something in the way. Learn Vue and enjoy productivity

[@cocoscacao6102]

Once you get over the learning curve, the productivity with Angular is unmatched. The sheer amount of stupefyingly complex shit that you can make (that are also easy to understand and maintain) is amazing. Vue and React are toys in my mind. I've no idea how they became so popular. Just because something is initially harder and people are lazy to learn it, doesn't mean that it's worse. And while on the subject of learning, you learn Angular only once. In React, you have to learn every new library. In the long run, Angular wins in every field.