Get Advice Icon

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

Redux
Redux

6.6K
4.8K
+ 1
606
Svelte
Svelte

65
105
+ 1
79
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.

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.
Get Advice Icon

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

Why do developers choose Redux?
Why do developers choose Svelte?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con

    Sign up to add, upvote and see more consMake informed product decisions

    Jobs that mention Redux and Svelte as a desired skillset
    What companies use Redux?
    What companies use Svelte?

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

    What tools integrate with Redux?
    What tools integrate with Svelte?
      No integrations found

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

      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
      Decisions about Redux and Svelte
      Glenn 'devalias' Grant
      Glenn 'devalias' Grant
      Hack. Dev. Transcend. · | 5 upvotes · 25.2K views
      GitLab
      GitLab
      Git
      Git
      WebStorm
      WebStorm
      Amazon DynamoDB
      Amazon DynamoDB
      AWS CloudFormation
      AWS CloudFormation
      AWS Lambda
      AWS Lambda
      Go
      Go
      Bootstrap
      Bootstrap
      redux-saga
      redux-saga
      Redux
      Redux
      React
      React
      #JetBrains
      #Serverless

      Working on a project recently, wanted an easy modern frontend to work with, decoupled from our backend. To get things going quickly, decided to go with React, Redux.js, redux-saga, Bootstrap.

      On the backend side, Go is a personal favourite, and wanted to minimize server overheads so went with a #serverless architecture leveraging AWS Lambda, AWS CloudFormation, Amazon DynamoDB, etc.

      For IDE/tooling I tend to stick to the #JetBrains tools: WebStorm / Goland.

      Obviously using Git, with GitLab private repo's for managing code/issues/etc.

      See more
      Yarn
      Yarn
      Redux
      Redux
      React
      React
      jQuery
      jQuery
      vuex
      vuex
      Vue.js
      Vue.js
      MongoDB
      MongoDB
      Redis
      Redis
      PostgreSQL
      PostgreSQL
      Sidekiq
      Sidekiq
      Rails
      Rails
      #Font-awesome
      #Bulma.io

      I'm building a new process management tool. I decided to build with Rails as my backend, using Sidekiq for background jobs. I chose to work with these tools because I've worked with them before and know that they're able to get the job done. They may not be the sexiest tools, but they work and are reliable, which is what I was optimizing for. For data stores, I opted for PostgreSQL and Redis. Because I'm planning on offering dashboards, I wanted a SQL database instead of something like MongoDB that might work early on, but be difficult to use as soon as I want to facilitate aggregate queries.

      On the front-end I'm using Vue.js and vuex in combination with #Turbolinks. In effect, I want to render most pages on the server side without key interactions being managed by Vue.js . This is the first project I'm working on where I've explicitly decided not to include jQuery . I have found React and Redux.js more confusing to setup. I appreciate the opinionated approach from the Vue.js community and that things just work together the way that I'd expect. To manage my javascript dependencies, I'm using Yarn .

      For CSS frameworks, I'm using #Bulma.io. I really appreciate it's minimal nature and that there are no hard javascript dependencies. And to add a little spice, I'm using #font-awesome.

      See more
      Apache Cordova
      Apache Cordova
      redux-saga
      redux-saga
      React Native
      React Native
      AngularJS
      AngularJS
      Redux
      Redux
      React
      React
      #JavascriptMvcFrameworks

      We had contemplated a long time which #JavascriptMvcFrameworks to use, React and React Native vs AngularJS and Apache Cordova in both web and mobile. Eventually we chose react over angular since it was quicker to learn, less code for simple apps and quicker integration of third party javascript modules. for the full MVC we added Redux.js for state management and redux-saga for async calls and logic. since we also have mobile app along with the web, we can shere logic and model between web and mobile.

      See more
      Gianluca Bargelli
      Gianluca Bargelli
      MobX
      MobX
      Redux
      Redux
      AngularJS
      AngularJS
      React
      React

      We started rebuilding our dashboard components using React from AngularJS over 3 years ago and, in order to have predictable client-side state management we introduced Redux.js inside our stack because of the popularity it gained inside the JavaScript community; that said, the number of lines of codes needed to implement even the simplest form was unnecessarily high, from a simple form to a more complex component like our team management page.

      By switching our state management to MobX we removed approximately 40% of our boilerplate code and simplified our front-end development flow, which in the ends allowed us to focus more into product features rather than architectural choices.

      See more
      Jest
      Jest
      redux-thunk
      redux-thunk
      React
      React
      Redux
      Redux
      redux-saga
      redux-saga

      Choosing redux-saga for my async Redux.js middleware, for a React application, instead of the typical redux-thunk .

      Redux-saga is much easier to test than Redux-thunk - it requires no module mocking at all. Converting from redux-thunk to redux-saga is easy enough, as you are only refactoring the action creators - not your redux store or your react components. I've linked a github repo that shows the same solution with both, including Jest tests.

      See more
      John Barton
      John Barton
      Founder at Hecate · | 7 upvotes · 30.2K views
      atHecateHecate
      Material-UI
      Material-UI
      Go
      Go
      PostgreSQL
      PostgreSQL
      Rails
      Rails
      MobX
      MobX
      Redux
      Redux
      React
      React

      Frontend choice was basically pre-ordained to be React. Seems like a strong choice on merits alone, plus I needed to learn it to stay current. I never liked Redux.js from the first time I tried to work with it, but a mate had recommended MobX and after watching a few videos I felt like I could fit the mental model of hit in my head. Using Material-UI which is a great timesaver and make sure I throw a few bucks their way every month via the open source collective.

      Defaulted to Rails with PostgreSQL just because that's where my past strength as a dev had been. First prototype was in Go but was struggling a bit with the quality of libraries I needed so I went back to old faithful.

      As soon as TypeScript was supported by default in Create React App I ported everything over. That combined with swagger code gen has given me really good type safety from the API boundary and above. I semi-regret the Go/Rails decision because I miss the type safety despite pain points with libraries.

      I will probably look to flip back to Go gradually (probably via lambda) at a point where it makes sense for the business.

      See more
      Cyril Duchon-Doris
      Cyril Duchon-Doris
      CTO at My Job Glasses · | 4 upvotes · 171.1K views
      atMy Job GlassesMy Job Glasses
      Sidekiq
      Sidekiq
      Rollbar
      Rollbar
      redux-saga
      redux-saga
      Redux
      Redux
      React
      React
      Rails
      Rails

      After splitting our monolith into a Rails API + a React Redux.js frontend app, it became a necessity to monitor frontend errors. Our frontend application is not your typical website, and features a lot of interesting SPA mechanics that need to be followed closely (many async flows, redux-saga , etc.) in addition to regular browser incompatibility issues. Rollbar kicks in so that we can monitor every bug that happens on our frontend, and aggregate this with almost 0 work. The number of occurrences and affected browsers on each occurence helps us understand the priority and severity of bugs even when our users don't tell us about them, so we can decide whether we need to fix this bug that was encountered by 1k users in less than a few days days VERSUS telling this SINGLE user to switch browsers because he's using a very outdated version that no one else uses. Now we also use Rollbar with Rails, Sidekiq and even AWS Lambda errors since the interface is quite convenient.

      See more
      Priit Kaasik
      Priit Kaasik
      Engineering Lead at Katana MRP · | 4 upvotes · 3.5K views
      atKatana MRPKatana MRP
      redux-saga
      redux-saga
      Redux
      Redux
      React
      React

      Back at early 2017 the confusion and controversy around the future of AngularJS was at full swing. Also, the Angular 2 looked quite restrictive (or prescriptive even) when we did the assessment what to choose for Katana. React came out on top because it's community looked healthier, future more solid. And as you all know, one decision leads to many others: Redux, redux-saga , Axios

      See more
      Redux
      Redux
      React
      React

      I use React because it is well engineered, has a huge community behind it, and allows for modular development (allowing you to handle state management yourself). I've been using React since before 1.0 (or whatever number it was they chose after 0.X). Having said this, I'm not saying other UI libraries are worse. I've barely used the other two big ones.

      If using React with a non-trivial application, I heavily recommend using Redux for state management. There is no awful magic or convoluted workflow to Redux (you might not think so when starting on it, but once the light comes on, I hope you'll agree). It's all just loosely coupled state management. Remember to export your connected components separately so you can unit test the component without redux.

      See more
      Interest over time
      Reviews of Redux and Svelte
      No reviews found
      How developers use Redux and Svelte
      Avatar of MOKA Analytics
      MOKA Analytics uses ReduxRedux

      Though Redux makes encoding some interactions unnatural, the ease of debugging makes it worthwhile. Additionally, Redux makes it easy to implement saving/bookmarking/sharing just by serializing state

      Redux's middleware is great for separating concerns, e.g., requests, errors, telemetry, etc.

      Our reducers use immutability-helper to update state

      Avatar of Kurzor, s.r.o.
      Kurzor, s.r.o. uses ReduxRedux

      We love functional approach to writing apps and Redux is thus the premium choice in this matter. The inner beauty of the state tree is unbeatable. We recently learned to solve common tasks via middleware. And the Redux Chrome extension is such a marvel - our developers request extra monitors just to have it nearby.

      Avatar of Ataccama
      Ataccama uses ReduxRedux

      Our state management library of choice. Redux has a simple concept, but it's flexible enough and it's React binding library, react-redux, contains a lot of performance-optimized code to make the most out of this combo.

      Avatar of Kent Steiner
      Kent Steiner uses ReduxRedux

      I have been using React/Flux since just about the beginning of React time. Redux is a great upgrade and extension of the core flux concepts, and brings immutable and strict declarative state to the apps I build.

      Avatar of dschulten
      dschulten uses SvelteSvelte
      • Ideal for microfrontends
      • Natural component model
      • Easy to learn
      • Fast and extremely small
      • Compiles both webcomponents and plain components Great community
      Avatar of Promethean TV
      Promethean TV uses ReduxRedux

      The PrometheanTV Client Web SDK utilizes the Redux state management library to manage the state of overlay rendering during video playback.

      How much does Redux cost?
      How much does Svelte cost?
      Pricing unavailable
      Pricing unavailable
      News about Svelte
      More news