React vs Angular vs Vue vs Svelte vs SolidJS | E2 Code & Curiosity Podcast
ฝัง
- เผยแพร่เมื่อ 28 พ.ค. 2024
- 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
Using NuxtJS frameworks on all my projects which is using VueJS under the hood, loving it.
Yes Nuxt is the best.
Dude, you've been posting a bunch of awesome videos these days. Thank you a lot for that!
Oh man. This guy's content is amazing. Best courses I've ever taking.
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.
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.
@@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.
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.
Great video as always but, just my opinion, the second camera angle is unnecessary and odd.
Your probably right but like everything else you will never know until you try.
@@vahesevachyan9399 that or research but yeah, trying is always good.
My personal favorite is Nuxt - the cleanest syntax of them all.
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. :)
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
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.
It is Vue for me anytime, everytime. For me, simple basic things make big things tick. 😊
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?
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.
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 :)
Always a great content 👌
Thank you very much!
Svelte❤
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.
Career wise, it's a good idea
In Angular you have solid structure of project! Most react projects have messy structure and you may suffer coming from Angular world;(
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.
Hey, make the compete code repository available for django course
This is the most complete answer of modern JS frameworks.
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. 🤣
Love your content man. You helped me land an angular dev job! You're a champion!
Thank you so very much! That means a lot to me! I'm super happy to hear that!
Do you have any plans to update the Vue.js course?
It covers Vue 3 already - I completely re-recorded it when Vue 3 was released
I really hope SvelteKit takes off, it is my favorite by far.
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?
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.
Unrelated question: Any plan for updating node.js course? it's almost 5-6 yrs old
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
@@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.
Deno baby!
Thoughts on HTMX?
Crap
Comment for the algorithm !
Very much appreciated! :)
Are you gonna update angular course?
Planned but got no concrete date
❤
Vue 2's repo also has 200k stars
Too bad the Vue.js 3 repository stars are taken into account here, not the Vue.js 2 stars (206k)
On purpose. Vue 2 has reached EOL (v2.vuejs.org/lts/)
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.
React's a framework for the same reason Vue, svelte, solid, etc. are frameworks.
Svelte is the best
Mfw Google still favors Polymer over Angular
u are not creating a big project on ur angular course..please update the course
JSP + HTMX 😅
I swear half of Next.js’s popularity is using easy to understand routing.
Please update vue course
It covers Vue 3 already - I completely re-recorded it when Vue 3 was released
@@maximilian-schwarzmueller I gotta say, that course was amazing and that gave me the skill to actually start working in the field.
If all three were equally as popular and had the same amount of solutions to problems which one would you pick?
Hey Max, why don't you start a German channel too?
Not enough time, I’m afraid 😅
Where is vs laravel
Qwik city is the most advanced
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”
Vue is the best. That's it.
All that talking and you didn’t get anything from it 😂😂😂
What do you mean by getting anything from vue? Dude, give it a try. You will be surprised how robust and good is.
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.
@@molnarszabby and that's why we should encourage everyone to give vue a serious try
I'm currently Working with Vue and it's awesome
Vue is very simple
The camera view changes are annoying and not necessary, at all.
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
Without trends angular always win
❤️