Svelte vs React - Best Features in 2024!

What is better - Svelte's compiler and reactivity or React's Virtual DOM and JSX?
Which one is more popular, and which performs better?
0:00 Intro
0:27 What is React js
2:26 What is Svelte js
3:52 Some statistics Svelte vs React
4:23 Syntax differences - State
5:18 Passing props
5:55 Conditional rendering
6:09 Lifecycle
7:04 Conclusion
Explore the showdown Svelte vs React in this dive!
Read the full blog post www.codeyourpath.com/blog
Hey, I'm Eugene, and welcome to CodeYourPath school!
CodeYourPath is a coding school where you take control of your learning journey!
With years of experience in the tech industry, I'm here to share my knowledge and passion for coding with you.
Join us for a collection of coding tutorials, projects, and industry insights!

[@0791679]

Svelte Ecosystem is the whole Javascript Ecosystem !!! No need to to sveltify popular javascript libraries like you need to do with React

[@d34d10ck]

What is the reason for your statement that svelte isn't suitable for large scale applications?

[@codeyourpathschool]

Hey there, thank you for your question!
I love Svelte for its performance and reactivity, which are fantastic!
However, I hesitate to use for large apps because of its small ecosystem.
Even though Svelte was introduced just three years after React, the ecosystem difference is quite significant.
React has tons of resources, ready-to-use components, and libraries for almost any case.
I really hope Svelte will catch up regarding the resources available to developers!

[@d34d10ck]

@@codeyourpathschool I often hear this argument, but i don't really understand how a small ecosystem can prevent you from developing a complex or large app.
Besides, i don't necessarily see a massive framework specific ecosystem as an advantage either. Why should i need 10 libraries for every feature when i can have everything integrated in the framework instead? In Svelte you don't need a library for state management, css scoping or animations. These features are directly integrated. No ecosystem needed for those things and if you do need an external library, you can always use a normal javascript library. The ecosystem is big enough in my opinion. The fact that you don't have to use framework specific libraries and put wrappers around everything doesn't mean it's smaller. What's smaller is the userbase. That's the only issue you might run into.

[@codeyourpathschool]

@@d34d10ck It's true that React offers an OVERabundance of packages and solutions, but most have been battle-tested and can provide some sort of safety.
I also agree that Svelte already has a great set of tools - SSR, TS, state management, error handling, etc.
However, I believe React better meets the specific needs of large applications.
Plus, React's continued development (Suspense feature, for example) shows its commitment to DX and app performance.
If you're enjoying Svelte - definitely go for it! This is a great chance to contribute and perhaps even shape its future!

Been hearing the ecosystem since day one, thats a joke, you have every js library at your feet, been building all sort of apps using svelte, recently a big bank app without any issues, also if you need something you can built it very easy, stop relying always on a lib to do something

[@HFtravelusa3499]

Archie must be on next video ❤

[@todormarkov2860]

For big projects, I'd say it's better than React.
- Less boiler plate
- Simpler
- Significantly less code, which reduces build and test time
Easy to integrate any JS plugins.
If the project is on Node.js, svelte and svetekit code splitting is a big advantage.
I'm not even mentioning the new enhancements in svelte 5 (Runes-signals and etc.) that are expected to be released very soon.

[@codeyourpathschool]

Honestly, I've only used Svelte in side projects, so I haven't touched it in commercial teams. However, my understanding is that Svelte is fast and reactive.
React offers pseudo-reactivity and is always chained by Virtual DOM.
Regarding other DX benefits, I don't see substantial advantages, including signals.

[@forno_nicolas]

React 19 vs Svelte 5 performance?

[@abishektamilan9733]

Doggy looks cool and sounds like micky mouse ❤😂

[@AjinkyaBhushan]

i see doggo I like

[@janeb3007]

Archie😍😍

[@mylastore]

Svelte & React are not frameworks