React vs Angular in 2024
HTML-код
- Опубликовано: 29 май 2024
- Join us as we explore the ongoing rivalry between React and Angular in this comprehensive analysis. With the JavaScript landscape constantly evolving, it's crucial to revisit these two heavyweight frameworks to see how they will compare in 2024. Whether you're a developer, a project manager, or a CTO deciding on the tech stack for your next project, this video is tailored to help you understand the nuances of both frameworks.
What You'll Learn:
- Foundational Philosophies: Explore the core principles behind React's flexibility and Angular's structured approach.
- Framework Structure & Changes: Get insights into how React and Angular are structured and the significant updates they have undergone.
Statistical Insights: We look at the latest developer surveys and market analysis to see how both frameworks perform in the real world.
- Project & Personality Fit: Discover which framework aligns best with different types of projects and developer personalities.
- Future Prospects: What does the future hold for React and Angular? We examine potential changes and what they mean for developers.
Whether deciding which framework to learn, invest in, or simply curious about their current state, this video will provide the clarity you need to make informed decisions. Get ready to discover how React and Angular fit into today's fast-paced tech environment and how they might evolve to meet tomorrow's challenges.
----
Want to go into further depth? Head to kodaps.dev/ 
Наука
Angular with signals is the way 🙌
Yea, but when current projects will switch to a newer version? It looks like businesses are not eager to update angular to modern versions. There are a lot of 12-14 versions out there on the job market.
What if JavaScript brought in signals? would it matter to you which framework you used?
there is an approach which called micro front-end that allows us to build the application with different frameworks so get start from what you like to do. I really like Angular as its opinionated, a group of high experienced people at Google set out to design how something should work, and of course they have good choices based on their experience.
React was initially released on May 29, 2013 and not in 2011 as mentioned in the video. It was Angular 1's era back then.
One of the best comparison I've heard ever for this topic .. Thank you
I code with React and Angular. I’ll say my previous Angular experience has helped me comment my React code effectively before passing on to my teammate. They both have their pros and cons. I’ll be picking up Vue later since one of our apps is moving to that framework. Good video.
Been using sencha extjs for years, not even on the lists here.. think angular would be easiest to migrate to being similar in scope
So many companies try to control React. They create base libraries and try to enforce developer coding styles. All this creates a lot of overhead that simply isn't maintainable. I've started several enterprise-level apps where a good part of my coding was creating complex wrappers to translate the requirements from UI to framework. They also institute broad system requirements such as using Redux for all state changes, which just adds layers of maintenance for not good reason. Even my first Angular project in 2018 had really good guidance from Angular without that many pitfalls. I also find testing Angular apps to be much easier because you don't need to deal with hooks and mocking is straight forward (similar to using Moq-like C# API testing). However, with the inclusion of NextJS and React Native, React does have a place in an enterprise if you can make use of server-side rendering or need a mobile solution.
I've bern waiting for this video, thank you.
Glad you liked it :)
Thanks for this. It was honestly amazing
I’m glad you liked it :)
React is a library, It's perfect for small apps. If you want to create a big app, the best choise is a framework like Angular.
Small apps like facebook or Instagram??
@@policeislam2846 They don't use the same react library that we use, think about that. And they combine it with a lot of libraries and tool that you can't afford, so they can create a big app. If we use react, we install libraries like react router and others xD from npm wich has a lot of problems. So, creating a big app with react is a nightmare for us, we need solutions like Angular wich has all the features that we need.
Just discovered your channel. I like your video style. Subscribed!
Thanks, and welcome aboard !
I just started studying Angular after 2.5 years of react and nextjs.. I've seen my fair share of spaghetti code in my previous agency and I'm looking for stability. I also have the feeling that career wise Angular might be better to grow. Time will tell, maybe I'm going in the wrong direction.
I've worked with both react and angular for work for many years. Tbh there's usually more spaghetti in the angular projects due to the obsession with observables and devs not understanding how to use them in a neat way.
Most react components are about 50-100 lines long, the angular components are often hundreds of lines long. I think part of this is how easy it is to extract react components out into smaller components. With angular it's much more involved to extract logic and templating code into their own components.
JSX is a really nice way to write templates too, the angular templating system n comparison is a horrible dx.
Angular is fine. Lots of enterprise clients still use it. The arguments for "structure" don't really hold weight, but it's convinced a lot of people who parrot that line. Angular is also improving, signals are a great step towards reactivity. It's worth learning just to be exposed to other ways of doing things, and learning how observables really work is useful.
For my latest project where I i had carte blanch i picked nextjs and it's been a delight to work with. This is despite me spending more time writing much more angular for the last few years than react. Take that as you will.
Thank you for your answer :)
I've found out about your channel just now (in addition to your French channel). Gosh, your English is just right on point. Where did you learn it? From school or do you have family back in the UK?
English is my mother tongue (and I was born in the UK), but my parents moved to France when I was 5 and I did all my studies in the French school system :)
@@KodapsAcademy I thought so! If I may ask: where in the UK? I struggle to locate your accent 🤔 I would say somewhere in the south but not 100% sure where 😅
@@JulienCassin-lv4yi my accent was informed by listening to BBC Radio 4 on AM radio quite a bit, but my family is from Cheam (south of Wimbledon) , Aldershot and Guilford (between London and the south coast) :)
Video very well made. Could you talk about javascript metaframeworks?
Could You care to elaborate why someone can not create a "exceptional" application with angular?
This would be in a rather rare case when you need to push the application to its limits, eg in terms of performance or rendering, where the opinionated nature of Angular would end up making things a lot more difficult. This is an extreme case though, which is why I used the term “exceptional” :)
You have a very rhythmic way of talking. It's soporific.
Thank you for your kind words, I'm glad I found grace in your eyes (and ears)!
Thank u!
React for the hype. Angular for long term scalable products.
superb!
well explained 👏
This was the most relaxing video i've ever watched on youtube
Thanks ! :)
That was really good!
Thank you very much :)
Great comparison 🔥🔥
Thanks !!
Thanks man
Glad to be of service :)
I think it all depends on your skills. I can see why lots of people tend to prefer Angular because it works in a certain way out of the box. Personally I prefer to get some pieces and then think about how they fit best for the next project.
Now nextjs vs angular please!
I should saw this video 2 years ago. I'm an oipinionated dev.
2:40 its called controller - MVC
It is if you’re talking about Angular JS. Here we’re talking about Angular 2+ which does not have controllers per se.
i like this bold opinion
Thanks :)
Compare NextJs with Angular
I had work with Angular for 12 years, now that I'm looking for a new job. 90% of the open positions require React, Node.js and Next.js or Remix. About 10% of new jobs require Angular, so in my opinion Angular is loosing relevance on the job market.
but in react you have greater competition to get a job. So you need to be an exceptional programmer to stand out
@@marcossouzajr1711after understanding angular and rxjs, it's not that difficult to switch to react imo.
Fact
I actually started coding in Angular first, then learn React when it changed to a more functionnal style of programming. And it wasn't too difficult to get my head around things. Your best bet (both on the job market, and for your growth as a programmer) is probably to know both :)
Great comparison! As a newbie starting out I'd recommend React as there are so much more resources geared to learning it.
Yea but how much of it is up to date? Utter chaos
I prefer templating lol
I have been a frontend engineer for almost a decade now. I have used Angular and React almost 50/50 during that time and I would say I mostly do NOT agree with you. Both frameworks are equally versatile and with the same capabilities. I don't see anything you can do in React that you cannot do in Angular and vice versa. The real differences between the frameworks are the level of structure out of the box where Angular is way more opinionated and has a more solid initial structure, the way they handle data - Promises vs RxJS (now Signals) where React used to be a lot more simple due to the extremely high learning curve of RxJS and the final difference Angular's dependency injection vs the React store where in my opinion it is only preference that makes the difference. All in all both are sound frameworks with huge communities and both are worth learning. Angular market is a bit smaller due to historical reasons so I would say React will land you a job faster.
Actually Angular used to be neck and neck with React (and even ahead when it was AngularJS, if you look at Google Trends) so I'm not sure I understand why you say they have a smaller share for historical reasons ?
@@KodapsAcademy Angular 2+ is basically a different framework than AngularJS and came out in 2016. React came out in 2013, so it had a head start.
React is not a framework
angular is just a boilerplate shit. If you are someone who likes to learn new things, angular is not for you. Even tailwind support came too late.
@@cenkakay3506 new things are for tutorials and demos, for production you should use a solution, like Angular wich has everything.
Please name at lest few JS frameworks that are released every week? huh???
If you are going to nitpick please make sure you understand the point being made :) I did not say that there exists a framwork that has a new release every week, but that every week it seems like a new framework is released / announced. Which is why there is such a thing as JavaScript framework fatigue and websites like this one: dayssincelastjavascriptframework.com/
svelte and react
Was there a single line of code in this video?
Very well spoken, but you miss the point.
React is a library
Angular is a framework.
You (and many other ppl) compare apples with pears..
Compare Nextjs, Remix or whatever with Angular. That works. But this comparison is of no real use.
My point is precisely that with React 19, saying React is "just a library" has become significantly less true :)
@@KodapsAcademy I understand your point, but what React and its evolution is doing is nothing more than making the library easier for frameworks and devs to use. From my perspective React is still far away from being a framework itself like angular is.
React needs 10 libraries before becoming useful. React also promotes code now error later. Angular by far is better than React. Popularity is not equivalent to quality. There are millions of noob developers out there that dont want to use Angular because it impose quality and maitainable code that noob developer hates. Sorry to say many React devs dont know how code with quality.
This comment strikes me as biased. While it's true that React encourages diverse coding styles, it's important to note that this evolution is a natural result of the framework and community's growth. Moreover, React has consistently demonstrated excellent compatibility and codemod support, allowing for seamless migrations to newer versions with minimal hassle. In contrast, Angular has a history of poor backward compatibility, leaving many projects stuck on Angular 1 due to the significant rework required to upgrade to newer versions.
@@u2blr Your argument that there are many project stuck in Angular is a decade years old now. Most of those projects already upgraded to Angular 2+. Unlike ReactJS every version they release right will surely breaks existing libraries that you are using. Angular2+ to Angular17 is backward compatible unlike ReactJS 16 and React17 that breaks a lot of existing React projects. I know this because I experience it with React.
@mac.ignacio upgrading Angular isn’t without its difficulties either … (I’m not talking about AngularJs) :)
@@KodapsAcademy Like I said noob developer will have a hard time with angular. There is a cli command to update angular. I am 100% sure you dont use Angular.
Sure, be 100% sure if you want :D
Both are not the best option. I would choose Vue. :P
Good for you :)
I would choose React over Angular. But I would choose HTMX over both.
Talk is cheap. Show me the code.
Also, Angular was NOT released in 2016, it was Angular 2 which was released back in 2016. Full of mis-information, you know it's a crime to spread one?
Arguments like React is chaotic or Angular is for enterprise are total nonsense. Projects are as chaotic as the developers working on them. I have seen dozens of brutally chaotic and artificially complex projects in both camps. If you assume professional, competent developers, more choices and more freedom are good things. What is much more important about a piece of tech is how productive you can be with it and whether it fits the goal and the people.
You kind of missed the point. The “chaotic” was in the context of D&D alignment, not in the sense you seem to have taken it to mean.
@@KodapsAcademy What do you mean by D&D?
@n4bb12 Dungeons and Dragons (en.m.wikipedia.org/wiki/Alignment_(Dungeons_%26_Dragons) )
@@KodapsAcademy Oh, I didn't get that reference. Now it makes more sense.
React is unopinionated. It's like a very sharp and powerful knife that one can easily cut themselves with. If you use it poorly, it'll yield a bad product.
Angular is very structured and contained, but I don't care for the syntax and functionality. I've been using React since its Beta phase and it has always been my go-to. I'm glad React 19 finally on its way.
No react no angular, just need blazor
Hhhh
Comparing Angular to McDonalds is where you lost credibility here IMO... you can say a lot of things, but quality code is better than react bc the app is made for enterprises
My point was not that the quality was poor, but that it is in a narrower band and a known quantity. You know what you’re getting, basically. Kind of like a fast food franchise :)
@@KodapsAcademy Still very poor analogy in my opinion because I can say the same thing about restaurants I usually visit where I know what I'm getting. I was genuinely confused when you said that in the video because it's the complete opposite in my head, Angular gives you more to work with, more structure and stability whereas React is more fast paced, agility as you mentioned many times throughout the video.
Think of it more as the owner than the customer. Would you rather own mcdonalds or a bunch of resturants doing their own thing and different structures. One is more consistent than the other
@@Tropax1 Bro i will be honest he did the correct analogy here, you are just biased, i feel like angular is similar to large food chains they are stable and move at very slow paces cause they have to think about if the changes would break large organization, which mcdonalds or any huge chains would be wary of , whereas React is like that one restaurant where you know you have to pay lot but you know there are some returns ,based how the developers implement the solution, and thats the beauty we have so many libraries that help react become so useful like shadcn ui and other competitive frameworks like remix and next js that these compared to how angular is moving is too slow and makes angular very dumb to be competing with fast bunch of meat heads who are trying to win it , I believe angular is the professor who takes calculated way of coding where the chances of breaking is very minimal but that is also a disadvantage it is not highly competitive . It cannot be just picked up by a junior dev.
@@Divineleo2023 You went out of your way to tell me how react is better and you're calling me bias? Really?? There's a reason enterprises prefer Angular.
great video
Thanks !! :)