Need advice about which tool to choose?Ask the StackShare community!

Redux

19.9K
14.6K
+ 1
645
Svelte

618
716
+ 1
386
Add tool

Redux vs Svelte: What are the differences?

What is Redux? Predictable state container for JavaScript apps. Redux helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger.

What is Svelte? A UI framework that compiles into tiny standalone JavaScript modules. If you've ever built a JavaScript application, the chances are you've encountered – or at least heard of – frameworks like React, Angular, Vue and Ractive. Like Svelte, these tools all share a goal of making it easy to build slick interactive user interfaces. Rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time. That means you don't pay the performance cost of the framework's abstractions, or incur a penalty when your app first loads.

Redux belongs to "State Management Library" category of the tech stack, while Svelte can be primarily classified under "Javascript UI Libraries".

"State is predictable" is the top reason why over 175 developers like Redux, while over 3 developers mention "All in one" as the leading cause for choosing Svelte.

Redux and Svelte are both open source tools. It seems that Redux with 49.5K GitHub stars and 12.8K forks on GitHub has more adoption than Svelte with 20.6K GitHub stars and 769 GitHub forks.

Decisions about Redux and Svelte
Máté Homolya
Senior developer at Self-employed · | 11 upvotes · 93K views
Migrated
from
React
to
Svelte

Svelte is everything a developer could ever want for flexible, scalable frontend development. I feel like React has reached a maturity level where there needs to be new syntactic sugar added (I'm looking at you, hooks!). I love how Svelte sets out to rebuild a new language to write interfaces in from the ground up.

See more
Alex Guesnon
Full-stack software engineer · | 3 upvotes · 55.5K views
Chose
Svelte
over
Vue.js

Svelte 3 is exacly what I'm looking for that Vue is not made for.

It has a iterable dom just like angular but very low overhead.

This is going to be used with the application.

for old/ lite devices . ie. * android tv, * micro linux, * possibly text based web browser for ascci and/or linux framebuffer * android go devices * android One devices

See more
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Redux
Pros of Svelte
  • 186
    State is predictable
  • 147
    Plays well with React and others
  • 123
    State stored in a single object tree
  • 77
    Hot reloading out of the box
  • 70
    Allows for time travel
  • 12
    You can log everything
  • 10
    Great tutorial direct from the creator
  • 6
    Test without browser
  • 6
    Endorsed by the creator of Flux
  • 4
    Easy to debug
  • 2
    Granular updates
  • 1
    Enforces one-way data flow
  • 1
    Blabla
  • 37
    Performance
  • 30
    Reactivity
  • 28
    Javascript compiler (do that browsers don't have to)
  • 28
    Components
  • 25
    Simplicity
  • 23
    Real Reactivity
  • 23
    Lightweight
  • 21
    Fast as vanilajs
  • 19
    Near to no learning curve
  • 16
    Compiler based
  • 15
    Use existing js libraries
  • 15
    Scalable
  • 15
    All in one
  • 12
    SSR
  • 12
    Very easy for beginners
  • 12
    Composable
  • 10
    Ease of use
  • 10
    No runtime overhead
  • 9
    Built in store
  • 6
    Best Developer Experience
  • 6
    Typescript
  • 6
    Start with pure html + css
  • 5
    Templates
  • 3
    Speed

Sign up to add or upvote prosMake informed product decisions

Cons of Redux
Cons of Svelte
  • 10
    Lots of boilerplate
  • 5
    Verbose
  • 4
    Design
  • 3
    Steep learning curve
  • 3
    Steeper learning curve than MobX
  • 3
    Steeper learning curve than RxJs
  • 2
    Complex
  • 2
    Learning Curve
  • 2
    Hard to learn
  • 2
    Event Listener Overload
  • 1
    Little to no libraries

Sign up to add or upvote consMake informed product decisions

What is Redux?

It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. t provides a great experience, such as live code editing combined with a time traveling debugger.

What is Svelte?

If you've ever built a JavaScript application, the chances are you've encountered – or at least heard of – frameworks like React, Angular, Vue and Ractive. Like Svelte, these tools all share a goal of making it easy to build slick interactive user interfaces. Rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time. That means you don't pay the performance cost of the framework's abstractions, or incur a penalty when your app first loads.

Need advice about which tool to choose?Ask the StackShare community!

What companies use Redux?
What companies use Svelte?
See which teams inside your own company are using Redux or Svelte.
Sign up for Private StackShareLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Redux?
What tools integrate with Svelte?

Sign up to get full access to all the tool integrationsMake informed product decisions

Blog Posts

+12
5
3393
Oct 11 2019 at 2:36PM

LogRocket

+8
5
1552
+29
15
11350
+42
46
39189
+47
47
69094
What are some alternatives to Redux and Svelte?
Cycle.js
A functional and reactive JavaScript framework for predictable code
MobX
MobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming (TFRP). React and MobX together are a powerful combination. React renders the application state by providing mechanisms to translate it into a tree of renderable components. MobX provides the mechanism to store and update the application state that React then uses.
Flux
Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code.
React
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
RxJS
RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code. This project is a rewrite of Reactive-Extensions/RxJS with better performance, better modularity, better debuggable call stacks, while staying mostly backwards compatible, with some breaking changes that reduce the API surface.
See all alternatives