Get Advice Icon

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

React
React

28.8K
20.5K
+ 1
3.4K
Svelte
Svelte

72
116
+ 1
97
Add tool

React vs Svelte: What are the differences?

React: A JavaScript library for building user interfaces. 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; 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.

React and Svelte can be primarily classified as "Javascript UI Libraries" tools.

"Components" is the primary reason why developers consider React over the competitors, whereas "All in one" was stated as the key factor in picking Svelte.

React and Svelte are both open source tools. React with 132K GitHub stars and 24.5K forks on GitHub appears to be more popular than Svelte with 20.6K GitHub stars and 769 GitHub forks.

What is 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.

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 React?
Why do developers choose Svelte?

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

    Be the first to leave a con
    What companies use React?
    What companies use Svelte?

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

    What tools integrate with React?
    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 React and Svelte?
      Angular 2
      It is a TypeScript-based open-source web application framework. It is a development platform for building mobile and desktop web applications.
      Vue.js
      It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.
      Ember.js
      A JavaScript framework that does all of the heavy lifting that you'd normally have to do by hand. There are tasks that are common to every web app; It does those things for you, so you can focus on building killer features and UI.
      NativeScript
      NativeScript enables developers to build native apps for iOS, Android and Windows Universal while sharing the application code across the platforms. When building the application UI, developers use our libraries, which abstract the differences between the native platforms.
      jQuery
      jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
      See all alternatives
      Decisions about React and Svelte
      Docker
      Docker
      Docker Compose
      Docker Compose
      Jenkins
      Jenkins
      Kubernetes
      Kubernetes
      Amazon EC2
      Amazon EC2
      Heroku
      Heroku
      FeathersJS
      FeathersJS
      Node.js
      Node.js
      ExpressJS
      ExpressJS
      PostgreSQL
      PostgreSQL
      React
      React
      Redux
      Redux
      Semantic UI React
      Semantic UI React
      AVA
      AVA
      ESLint
      ESLint
      nginx
      nginx
      GitHub
      GitHub
      #Containerized
      #Containers
      #Backend
      #Stack
      #Frontend

      Recently I have been working on an open source stack to help people consolidate their personal health data in a single database so that AI and analytics apps can be run against it to find personalized treatments. We chose to go with a #containerized approach leveraging Docker #containers with a local development environment setup with Docker Compose and nginx for container routing. For the production environment we chose to pull code from GitHub and build/push images using Jenkins and using Kubernetes to deploy to Amazon EC2.

      We also implemented a dashboard app to handle user authentication/authorization, as well as a custom SSO server that runs on Heroku which allows experts to easily visit more than one instance without having to login repeatedly. The #Backend was implemented using my favorite #Stack which consists of FeathersJS on top of Node.js and ExpressJS with PostgreSQL as the main database. The #Frontend was implemented using React, Redux.js,