React vs Angular vs Vue vs Svelte vs SolidJS | E2 Code & Curiosity Podcast

Join me as I explain which key decision factors could be considered when choosing a modern frontend JavaScript framework or library.
I compare the most popular libraries / frameworks (React, Angular, Vue, Svelte, SolidJS) and also share my personal favorite.
All Podcast episodes: maximilian-schwarzmueller.com...
I also have a Podcast with @academind_podcast : academind.com/podcast
I also created separate videos on the current states of React and Angular:
- State of React 2024: • React's becoming a bit...
- State of Angular 2024: • You might've missed th...
Want to become a web developer or expand your web development knowledge?
I have multiple bestselling online courses on React, Angular, NodeJS, Docker & much more!
👉 academind.com/courses
JavaScript Framework Performance Benchmark: krausest.github.io/js-framewo...
00:00 Intro
01:01 Key Decision Factors
01:53 Comparing Library & Framework Philosophies
02:21 React’s Philosophy
03:24 Requirements of modern frontend libraries & frameworks
04:49 React Limitations & Solutions
06:04 Angular’s Philosophy
07:07 Vue’s Philosophy
08:00 Svelte & SolidJS Philosophies
08:30 The Importance of (Fullstack) Metaframeworks
11:39 Angular’s Metaframework: AnalogJS
12:31 Vue’s Metaframework: NuxtJS
13:15 Svelte & SolidJS Metaframeworks
14:09 Library & Framework Ownership as a Decision Factor
14:46 React Ownership
15:54 Angular Ownership
16:36 Vue & SolidJS Ownership
17:51 Svelte Ownership
18:28 Popularity as a Decision Factor
23:12 Performance as a Decision Factor
24:21 Syntax as a Decision Factor
25:13 React Syntax
25:31 Angular Syntax
25:48 Vue Syntax
26:08 Personal Preferences Matter!
26:22 Explore all popular frameworks & libraries
27:16 Ease of learning as a Decision Factor
31:01 Max personal favorite

Пікірлер: 85

  • @ryans4584
    @ryans45843 ай бұрын

    Using NuxtJS frameworks on all my projects which is using VueJS under the hood, loving it.

  • @haraldndb.1250

    @haraldndb.1250

    3 ай бұрын

    Yes Nuxt is the best.

  • @daviddibiase4391
    @daviddibiase43913 ай бұрын

    There are a couple misconceptions about SolidJS in this video. I'll focus mostly on the ownership element. Solid has been around for as long as Svelte and has had a similar ownership history. Ryan Carniato is employed by Netlify as a Principal Open-Source Engineer and works on Solid and broader ecosystem tooling full-time. This is similar to how Svelte is supported at Vercel. Svelte does have 2 additional paid core members. Solid is not a one-man show as it has Ryan and Alexis and is supported by 3-4 other active core members (including myself, Milo, Nikhil, Sarah, etc.). Its team is smaller compared to other frameworks. Lastly, Vue has been around for much longer than Svelte and Solid (about double the time) so it's far more mature. What was also glazed over is that Solid has fundamentally impacted front-end frameworks. Its fine-grained reactivity is being adopted by Svelte 5, Vue Vapo, Preact and Angular in different flavours. Solid however is the smallest of the major 6 frameworks. Its adoption hasn't been as great mostly due to the fact that SolidStart is still in beta and likely to hit 1.0 in Q1 or Q2 this year. 🙂 I hope this positively contributes to the dialogue surrounding Solid's perception.

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    Thanks for all those details - it's much appreciated! Especially the part regarding the ownership / team is very helpful. I was mostly looking at the commit history and there it seemed like a one-man show (after accounting for pull requests). So this is very helpful. Regarding the impact on other frameworks: SolidJS absolutely has had (and still has) a big impact on others, though it's of course also true that the concept of Signals was not pioneered by SolidJS (Vue had refs before that). But SolidJS definitely made Signals popular. I personally have worked (on side-projects) with SolidJS quite a bit and I do look forward to SolidStart leaving beta.

  • @daviddibiase4391

    @daviddibiase4391

    3 ай бұрын

    @@maximilian-schwarzmueller thanks for the reply. You have a lot of valid points as well. Having signals isn’t really the innovation. Solid’s philosophy is supported by signals but the story doesn’t end there. While Vue had them they hadn’t unlocked their true potential with a fine-grained reactive renderer. As for the one man show, Ryan is a beast and has iterated on the codebase the most. I’m not sure if that should be considered a negative. There are others involved but Ryan is most suited for nurturing the core. Other popular OSS projects have single maintainers as well. Thanks for the positive feedback though, we have a long way to go with the community but Solid will continuing being truly progressive and revolutionary.

  • @Mazoane
    @Mazoane3 ай бұрын

    Oh man. This guy's content is amazing. Best courses I've ever taking.

  • @VenkiNagaraj
    @VenkiNagaraj3 ай бұрын

    Svelte is very good for small projects. Its the most easiest to learn according to me. It has built in support for animations(CSS animations). It gives better performance than other popular frameworks or libraries. The code you write will be readable compared to other frameworks. In my company, I develop apps for TV's(Android and Linux TV's). I was doing it with reactjs before and it was very difficult to implement animations with reactjs. Then I moved to svelte and everything became very easy. Svelte IS REALLY UNDERRATED. I use svelte 4.

  • @raphaeljcm
    @raphaeljcm3 ай бұрын

    Dude, you've been posting a bunch of awesome videos these days. Thank you a lot for that!

  • @DaveCollison
    @DaveCollison3 ай бұрын

    Great video as always but, just my opinion, the second camera angle is unnecessary and odd.

  • @vahesevachyan9399

    @vahesevachyan9399

    3 ай бұрын

    Your probably right but like everything else you will never know until you try.

  • @DaveCollison

    @DaveCollison

    3 ай бұрын

    @@vahesevachyan9399 that or research but yeah, trying is always good.

  • @QueeeeenZ
    @QueeeeenZ3 ай бұрын

    My personal favorite is Nuxt - the cleanest syntax of them all.

  • @emonymph6911
    @emonymph69113 ай бұрын

    Hi Maximilian. Hope you are doing well. Your svelte course used sapper instead of sveltekit. Now that svelte 5 will have runes and sveltekit instead of sapper. Have you considered remaking this course with the new methodology? Richard Harris said the old way of writing svelte is now deprecated (it will be available as historic documentation) and the state management will change in svelte 5. Your expertise would be very helpful when transitioning to the modern way of using runes etc. Plus every svelte course on udemy is version 3 or 4 of the framework (old methodology without runes). PS: I never really understood sveltekit if I can have another e.g. go/python (litestar API framework) backend inside of it to handle APIs and let sveltekit handle SSR/SSG/page rendering. So could be worth discussing if meta frameworks are meant for polyglot or simply svelte (without kit) for UI if you want to have polyglot backends.

  • @jean70242
    @jean702423 ай бұрын

    It is Vue for me anytime, everytime. For me, simple basic things make big things tick. 😊

  • @RomanTchekashov
    @RomanTchekashov26 күн бұрын

    Most of React projects have messy project structure! A lot of people start to build something with React without any guides and knowledge how to create well structured architecture. In Angular you have solid style guides and project structure which will be similar in different companies. I switched from Angular to React because so much popularity and a lot of job opportunities it has but after working in several React projects including on Nextjs I am want to switch to Angular again! PS: In React you can create an art but did you thought about how difficult it will be to support and add new features for other developers?

  • @ojvribeiro
    @ojvribeiro3 ай бұрын

    19:00 it is important to notice here that Vue has two separate repos for v2 and v3. The v2 alone has 206k stars and the 43k is for the v3 alone. :)

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    Absolutely and I am aware of that. Indeed, I’ve been working with Vue (first 2, then 3) since 2016. But Vue 2 reached EOL, that’s why I ignored its „popularity“ (ie, it’s GitHub stars) for this video

  • @zeeshan.safdar
    @zeeshan.safdar3 ай бұрын

    Very informaaaaaaaaaaative Max. Your these new Podcasts are very much informative. Please share your knowledge on the following topic. How these libraries or frameworks earn money? For example, how Next js is earning money, how JavaScript, or Vue etc are earning money, I am sure that only making the developer life easy will not be the case, there will be monetary term involved, which I do not really understand.

  • @chandrashekargudlappa8955
    @chandrashekargudlappa89553 ай бұрын

    Hey, make the compete code repository available for django course

  • @Glitch-txs
    @Glitch-txs3 ай бұрын

    When you scale applications I think performance really matters, that's why libraries like Million.js exist. And Svelte and Solid are some of the frameworks that perform the best, this is also the reason why Vue is moving away from the VDOM and building Vapor :)

  • @abees81
    @abees813 ай бұрын

    I am a veteran Angular developer, and I really do enjoy the new features which were introduced recently. However I find Next js very tempting and thinking seriously of switching over.

  • @everythingisfine9988

    @everythingisfine9988

    3 ай бұрын

    Career wise, it's a good idea

  • @RomanTchekashov

    @RomanTchekashov

    26 күн бұрын

    In Angular you have solid structure of project! Most react projects have messy structure and you may suffer coming from Angular world;(

  • @joaomendonca5307
    @joaomendonca53073 ай бұрын

    Always a great content 👌

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    Thank you very much!

  • @sherifhesham3733
    @sherifhesham37333 ай бұрын

    Hey Maximilian, love your content and courses. I currently work with Vue, do you recommend learning React to increase my chances of getting hired or should I focus on getting better at Vue?

  • @naspy971
    @naspy97123 күн бұрын

    Since Angular, React and Vue has been around for a pretty long time, I really don't understand the idea behind the heads of other smaller frameworks's creators. Why some people dedicate months and years to create and maintain newer frameworks/libraries that only a few people will care about.

  • @WebdevPath
    @WebdevPath3 ай бұрын

    Do you have any plans to update the Vue.js course?

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    It covers Vue 3 already - I completely re-recorded it when Vue 3 was released

  • @codefork4022
    @codefork40223 ай бұрын

    Love your content man. You helped me land an angular dev job! You're a champion!

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    Thank you so very much! That means a lot to me! I'm super happy to hear that!

  • @brangja4815
    @brangja48153 ай бұрын

    This is the most complete answer of modern JS frameworks.

  • @husseintalal3500
    @husseintalal35003 ай бұрын

    Vue and Vue and Vue! 💌 Things with React can quickly get messy and difficult to figure out what is wrong and a lots to learn with tens of external libs! Angular is like the old man who is trying to be young in late age. 🤣

  • @indimerz
    @indimerz3 ай бұрын

    Unrelated question: Any plan for updating node.js course? it's almost 5-6 yrs old

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    Maybe but not a high priority right now. It's a bit older but it still teaches NodeJS the way it's primarily used in most projects right now. So yeah, an update would be nice and is on the agenda but not what I'm working on right now

  • @indimerz

    @indimerz

    3 ай бұрын

    @@maximilian-schwarzmueller yeah most of things are still used same. i solved issues which i encounter during course from youtube and ai chatbots. till now i have finished 75% of that course.

  • @andrewforrester6713

    @andrewforrester6713

    3 ай бұрын

    Deno baby!

  • @Karimani_malika_nanalla
    @Karimani_malika_nanalla3 ай бұрын

    Svelte❤

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

    Honestly, i really enjoy svelte/sveltekit lately, building currently my own website with it and really loving it so far. For smaller and simplier projects svelte is just so good and nice to use. As for React and NextJS, I have to use it at work, but I feel like it's more likely to write bad and unperformant code with it, even if you are pretty experienced in it, and I also dislike what React development is becoming and where it's heading to with NextJS, bringing so much unnecessary complexity to the development process along the way.

  • @alexpanteli3651
    @alexpanteli36513 ай бұрын

    Are you gonna update angular course?

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    Planned but got no concrete date

  • @bl1ndguy0
    @bl1ndguy03 ай бұрын

    Thoughts on HTMX?

  • @shubitoxX

    @shubitoxX

    3 ай бұрын

    Crap

  • @sofyanr.607
    @sofyanr.6073 ай бұрын

    Svelte is the best

  • @djbeallable
    @djbeallable3 ай бұрын

    I really hope SvelteKit takes off, it is my favorite by far.

  • @TheAlexLichter
    @TheAlexLichter3 ай бұрын

    Too bad the Vue.js 3 repository stars are taken into account here, not the Vue.js 2 stars (206k)

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    On purpose. Vue 2 has reached EOL (v2.vuejs.org/lts/)

  • @Thilina4321
    @Thilina43213 ай бұрын

  • @sumannayak7677
    @sumannayak76773 ай бұрын

    u are not creating a big project on ur angular course..please update the course

  • @patrickdrejerczak3043
    @patrickdrejerczak30433 ай бұрын

    Comment for the algorithm !

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    Very much appreciated! :)

  • @Voltra_
    @Voltra_3 ай бұрын

    Vue 2's repo also has 200k stars

  • @kdicus
    @kdicus2 ай бұрын

    Instead of using the term “3rd Party” for everything - I prefer “1st party modules/add-ins” when 100% maintained by the core team, but can be loaded only when needed. “2nd party” = ‘owned by the core team’ - but maintained by a combination of the core team and outside devs. “3rd Party” = Outside team, but acknowledged by the core team. “4th party” = outside team, not acknowledged by core team.

  • @Voltra_
    @Voltra_3 ай бұрын

    React's a framework for the same reason Vue, svelte, solid, etc. are frameworks.

  • @Voltra_
    @Voltra_3 ай бұрын

    Mfw Google still favors Polymer over Angular

  • @amansarma417
    @amansarma4173 ай бұрын

    Where is vs laravel

  • @naresh_deeti
    @naresh_deeti3 ай бұрын

    JSP + HTMX 😅

  • @dudrmscjswo123
    @dudrmscjswo1233 ай бұрын

    This guy did svelte and solid so dirty 😂 why even include them in the title if you don’t even cover them and just refer to them as “other smaller frameworks”

  • @TheItchybutthole
    @TheItchybutthole3 ай бұрын

    If all three were equally as popular and had the same amount of solutions to problems which one would you pick?

  • @veeragopinathm736
    @veeragopinathm7363 ай бұрын

    Please update vue course

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    It covers Vue 3 already - I completely re-recorded it when Vue 3 was released

  • @Mazoane

    @Mazoane

    3 ай бұрын

    @@maximilian-schwarzmueller I gotta say, that course was amazing and that gave me the skill to actually start working in the field.

  • @WebdevPath
    @WebdevPath3 ай бұрын

    Hey Max, why don't you start a German channel too?

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    Not enough time, I’m afraid 😅

  • @shubitoxX
    @shubitoxX3 ай бұрын

    Qwik city is the most advanced

  • @alibahrami6810
    @alibahrami68103 ай бұрын

    Vue is the best. That's it.

  • @aymaneamen5854

    @aymaneamen5854

    3 ай бұрын

    All that talking and you didn’t get anything from it 😂😂😂

  • @alibahrami6810

    @alibahrami6810

    3 ай бұрын

    What do you mean by getting anything from vue? Dude, give it a try. You will be surprised how robust and good is.

  • @molnarszabby

    @molnarszabby

    3 ай бұрын

    I'm an angular developer. I tried vue on a new project and I got to admit I loved it. In the video he also said Vue is the easiest but he prefers React over the popularity. I can't say that as I tried and don't like React as much.

  • @alibahrami6810

    @alibahrami6810

    3 ай бұрын

    @@molnarszabby and that's why we should encourage everyone to give vue a serious try

  • @gauravmisal4610

    @gauravmisal4610

    3 ай бұрын

    I'm currently Working with Vue and it's awesome

  • @dmug
    @dmug3 ай бұрын

    I swear half of Next.js’s popularity is using easy to understand routing.

  • @syntaxar
    @syntaxar3 ай бұрын

    Vue is very simple

  • @Sam-dh7fr
    @Sam-dh7fr3 ай бұрын

    The camera view changes are annoying and not necessary, at all.

  • @maximilian-schwarzmueller

    @maximilian-schwarzmueller

    3 ай бұрын

    Sorry to hear that - I personally like mixing it up and not having just one shot for the entire video. But the frequency is obviously something that can be finetuned

  • @greekapostle4548
    @greekapostle45483 ай бұрын

    Without trends angular always win

  • @AnweshAdhikari
    @AnweshAdhikari2 ай бұрын

    ❤️