React vs Angular in 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/

Пікірлер: 107

  • @blokche_dev
    @blokche_dev29 күн бұрын

    React for the hype. Angular for long term scalable products.

  • @malikau917
    @malikau917Ай бұрын

    Angular with signals is the way 🙌

  • @dmitriyobidin6049

    @dmitriyobidin6049

    10 күн бұрын

    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.

  • @patrickjreid

    @patrickjreid

    9 күн бұрын

    What if JavaScript brought in signals? would it matter to you which framework you used?

  • @ChauQuan-nr2su
    @ChauQuan-nr2suАй бұрын

    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.

  • @VishalTheK
    @VishalTheK4 сағат бұрын

    This is the best explained video on youtube.... Angular vs React.

  • @AlanGramont
    @AlanGramont11 күн бұрын

    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.

  • @patilmayurn
    @patilmayurn3 күн бұрын

    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.

  • @dryphresque7113
    @dryphresque7113Күн бұрын

    Thank you for this video. With signals and zoneless angular is th best for me 👍

  • @triple3way
    @triple3way9 күн бұрын

    One of the best comparison I've heard ever for this topic .. Thank you

  • @pandorasiren3245
    @pandorasiren324516 күн бұрын

    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.

  • @afrenchdude5331
    @afrenchdude5331Ай бұрын

    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.

  • @buzz1ebee

    @buzz1ebee

    Ай бұрын

    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.

  • @afrenchdude5331

    @afrenchdude5331

    Ай бұрын

    Thank you for your answer :)

  • @sukatz
    @sukatzАй бұрын

    Been using sencha extjs for years, not even on the lists here.. think angular would be easiest to migrate to being similar in scope

  • @maximciebiera3882
    @maximciebiera388220 күн бұрын

    Just discovered your channel. I like your video style. Subscribed!

  • @KodapsAcademy

    @KodapsAcademy

    19 күн бұрын

    Thanks, and welcome aboard !

  • @nohox9444
    @nohox94447 күн бұрын

    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.

  • @JulienCassin-lv4yi
    @JulienCassin-lv4yi20 күн бұрын

    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?

  • @KodapsAcademy

    @KodapsAcademy

    20 күн бұрын

    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 :)

  • @JulienCassin-lv4yi

    @JulienCassin-lv4yi

    20 күн бұрын

    @@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 😅

  • @KodapsAcademy

    @KodapsAcademy

    20 күн бұрын

    @@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) :)

  • @andersondamasceno1356
    @andersondamasceno135614 күн бұрын

    Video very well made. Could you talk about javascript metaframeworks?

  • @TayambaMwanza
    @TayambaMwanzaАй бұрын

    I've bern waiting for this video, thank you.

  • @KodapsAcademy

    @KodapsAcademy

    Ай бұрын

    Glad you liked it :)

  • @jzthegreat
    @jzthegreat29 күн бұрын

    You have a very rhythmic way of talking. It's soporific.

  • @KodapsAcademy

    @KodapsAcademy

    29 күн бұрын

    Thank you for your kind words, I'm glad I found grace in your eyes (and ears)!

  • @foxdie8106
    @foxdie81069 күн бұрын

    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.

  • @policeislam2846

    @policeislam2846

    7 күн бұрын

    Small apps like facebook or Instagram??

  • @foxdie8106

    @foxdie8106

    7 күн бұрын

    @@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.

  • @bonkers_dave
    @bonkers_dave2 күн бұрын

    Enormously helpful. Thank you.

  • @KodapsAcademy

    @KodapsAcademy

    2 күн бұрын

    Glad to be of service :)

  • @o_glethorpe
    @o_glethorpeАй бұрын

    Could You care to elaborate why someone can not create a "exceptional" application with angular?

  • @KodapsAcademy

    @KodapsAcademy

    Ай бұрын

    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” :)

  • @NerdyDumbProductions
    @NerdyDumbProductions29 күн бұрын

    Thanks for this. It was honestly amazing

  • @KodapsAcademy

    @KodapsAcademy

    29 күн бұрын

    I’m glad you liked it :)

  • @soumadip_skyy_banerjee
    @soumadip_skyy_banerjee11 күн бұрын

    Thank u!

  • @ianfrye8988
    @ianfrye898829 күн бұрын

    This was the most relaxing video i've ever watched on youtube

  • @KodapsAcademy

    @KodapsAcademy

    25 күн бұрын

    Thanks ! :)

  • @digitalsparrow_8599
    @digitalsparrow_859911 күн бұрын

    well explained 👏

  • @NimanthaNadeeraka
    @NimanthaNadeerakaАй бұрын

    superb!

  • @dkazmer2
    @dkazmer2Ай бұрын

    That was really good!

  • @KodapsAcademy

    @KodapsAcademy

    Ай бұрын

    Thank you very much :)

  • @JioFiber-qm3xc
    @JioFiber-qm3xc21 күн бұрын

    Great comparison 🔥🔥

  • @KodapsAcademy

    @KodapsAcademy

    21 күн бұрын

    Thanks !!

  • @ayukalvieri3154
    @ayukalvieri3154Ай бұрын

    Thanks man

  • @KodapsAcademy

    @KodapsAcademy

    Ай бұрын

    Glad to be of service :)

  • @mschwanitz
    @mschwanitzАй бұрын

    Great comparison! As a newbie starting out I'd recommend React as there are so much more resources geared to learning it.

  • @sukatz

    @sukatz

    Ай бұрын

    Yea but how much of it is up to date? Utter chaos

  • @rmc1579
    @rmc1579Ай бұрын

    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.

  • @marcossouzajr1711

    @marcossouzajr1711

    Ай бұрын

    but in react you have greater competition to get a job. So you need to be an exceptional programmer to stand out

  • @Dimonina

    @Dimonina

    Ай бұрын

    ​@@marcossouzajr1711after understanding angular and rxjs, it's not that difficult to switch to react imo.

  • @programmerjowo

    @programmerjowo

    29 күн бұрын

    Fact

  • @KodapsAcademy

    @KodapsAcademy

    25 күн бұрын

    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 :)

  • @qwerty-or1yg
    @qwerty-or1ygАй бұрын

    Now nextjs vs angular please!

  • @eduardwiu
    @eduardwiu16 күн бұрын

    I should saw this video 2 years ago. I'm an oipinionated dev.

  • @frsdexter9539
    @frsdexter9539Ай бұрын

    Compare NextJs with Angular

  • @naranyala_dev
    @naranyala_devАй бұрын

    i like this bold opinion

  • @KodapsAcademy

    @KodapsAcademy

    25 күн бұрын

    Thanks :)

  • @farqueueman
    @farqueuemanАй бұрын

    I prefer templating lol

  • @thebocksters2756
    @thebocksters275626 күн бұрын

    2:40 its called controller - MVC

  • @KodapsAcademy

    @KodapsAcademy

    26 күн бұрын

    It is if you’re talking about Angular JS. Here we’re talking about Angular 2+ which does not have controllers per se.

  • @ViktorTy
    @ViktorTyАй бұрын

    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.

  • @KodapsAcademy

    @KodapsAcademy

    25 күн бұрын

    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 ?

  • @marco.eckstein

    @marco.eckstein

    16 күн бұрын

    @@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.

  • @foxdie8106

    @foxdie8106

    9 күн бұрын

    React is not a framework

  • @cenkakay3506

    @cenkakay3506

    4 күн бұрын

    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.

  • @foxdie8106

    @foxdie8106

    3 күн бұрын

    @@cenkakay3506 new things are for tutorials and demos, for production you should use a solution, like Angular wich has everything.

  • @dzienisz
    @dzieniszАй бұрын

    Please name at lest few JS frameworks that are released every week? huh???

  • @KodapsAcademy

    @KodapsAcademy

    Ай бұрын

    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/

  • @hwapyongedouard
    @hwapyongedouard6 күн бұрын

    svelte and react

  • @TheKaosTux
    @TheKaosTux28 күн бұрын

    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.

  • @KodapsAcademy

    @KodapsAcademy

    25 күн бұрын

    My point is precisely that with React 19, saying React is "just a library" has become significantly less true :)

  • @TheKaosTux

    @TheKaosTux

    12 күн бұрын

    @@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.

  • @dugtrioramen
    @dugtrioramen12 күн бұрын

    Was there a single line of code in this video?

  • @mac.ignacio
    @mac.ignacioАй бұрын

    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.

  • @u2blr

    @u2blr

    Ай бұрын

    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.

  • @mac.ignacio

    @mac.ignacio

    Ай бұрын

    @@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.

  • @KodapsAcademy

    @KodapsAcademy

    Ай бұрын

    @mac.ignacio upgrading Angular isn’t without its difficulties either … (I’m not talking about AngularJs) :)

  • @mac.ignacio

    @mac.ignacio

    Ай бұрын

    @@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.

  • @KodapsAcademy

    @KodapsAcademy

    Ай бұрын

    Sure, be 100% sure if you want :D

  • @hipertracker
    @hipertracker27 күн бұрын

    Both are not the best option. I would choose Vue. :P

  • @KodapsAcademy

    @KodapsAcademy

    25 күн бұрын

    Good for you :)

  • @patilmayurn
    @patilmayurn3 күн бұрын

    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?

  • @user-xn5do6xc1u
    @user-xn5do6xc1u14 күн бұрын

    Talk is cheap. Show me the code.

  • @craig.martin
    @craig.martinАй бұрын

    I would choose React over Angular. But I would choose HTMX over both.

  • @n4bb12
    @n4bb125 күн бұрын

    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.

  • @KodapsAcademy

    @KodapsAcademy

    5 күн бұрын

    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.

  • @n4bb12

    @n4bb12

    5 күн бұрын

    @@KodapsAcademy What do you mean by D&D?

  • @KodapsAcademy

    @KodapsAcademy

    5 күн бұрын

    @n4bb12 Dungeons and Dragons (en.m.wikipedia.org/wiki/Alignment_(Dungeons_%26_Dragons) )

  • @n4bb12

    @n4bb12

    5 күн бұрын

    @@KodapsAcademy Oh, I didn't get that reference. Now it makes more sense.

  • @incarnateTheGreat
    @incarnateTheGreatАй бұрын

    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.

  • @HeryantoHardy
    @HeryantoHardy14 күн бұрын

    No react no angular, just need blazor

  • @policeislam2846

    @policeislam2846

    7 күн бұрын

    Hhhh

  • @jonathangamble
    @jonathangambleАй бұрын

    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

  • @KodapsAcademy

    @KodapsAcademy

    Ай бұрын

    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 :)

  • @Tropax1

    @Tropax1

    Ай бұрын

    @@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.

  • @4115steve

    @4115steve

    Ай бұрын

    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

  • @Divineleo2023

    @Divineleo2023

    Ай бұрын

    @@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.

  • @Tropax1

    @Tropax1

    Ай бұрын

    @@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.

  • @ai7593
    @ai7593Ай бұрын

    great video

  • @KodapsAcademy

    @KodapsAcademy

    Ай бұрын

    Thanks !! :)

Келесі