Insights

Frontend Frameworks: Svelte, Vue, React

Dec 15, 2023

Frontend frameworks help standardize website development and improve performance, particularly for larger projects with interactivity and complex functionality.

Svelte

Simpler development, less code

Advantages

Svelte allows developers to create complex websites and web applications with more intuitive, elegant tooling.

On the user side, Svelte websites often have smaller file size, resulting in faster loading times.

Svelte is better suited to Baidu and other China search engines, as it outputs native Javascript in its build process.

Though relatively new, Svelte has an enthusiastic community and backing from Vercel contributing to its long-term adoption.

Disadvantages

Being newer, Svelte has a smaller ecosystem than Vue or especially React, meaning fewer developers and fewer live sites in production.

Vue and React currently come with more standard features and plugins, many of them created by their larger communities.

In particular, localization has yet to be officially implemented in Svelte, requiring developers to find their own solutions.

Vue

Established and intuitive, popular in China

Advantages

Vue is easy to learn and intuitive, with a structure that mimics native html, javascript, and css.

Vue is easier to use than React but more mature than Svelte, offering a balanced middle option.

Created by a Chinese developer (Evan You), Vue is especially popular in China, with more community resources and developers available.

Disadvantages

Vue's intuitivity and simplicity have been surpassed by Svelte, which does many of the same things better.

As the product of a smaller team, Vue has less corporate backing, making its future less certain.

Vue's transition from version 2 to 3 was rocky, leading some developers to pursue other frameworks.

React

The industry standard

Advantages

React has the largest adoption by far, with the most developers available for projects and most live sites in production.

While older and sometimes cumbersome, React can still handle basically every use case that is needed.

Besides its large community, React is backed by Facebook, ensuring even more long-term stability.

Disadvantages

React has a higher learning curve, making it less suitable for young developers.

Compared to Vue and Svelte, React websites have more complexity, and can take longer to develop.

React is currently undergoing major changes, with its community somewhat splintered over its future direction.

More Options

  • Solid is similar to React, but aims for better performance and developer experience
  • Astro is content-focused, with some innovative design and development features
  • Angular is older than React with a steeper learning curve, but still popular at the enterprise level

Our Experience

At Lantern, we launched our first React site in 2018. We moved to Vue in 2022, and Svelte in 2023.

Though we currently maintain websites using all three frameworks, Svelte is our preferred choice for new projects, as it allows us to develop faster and more intuitively.