React vs Svelte After Shipping Both

I used React for years before spending more time with Svelte and SvelteKit.

React is still the safer default for many teams. Svelte is the one that made me write less code for the same result.

Short version

If I need a large hiring pool or a very specific library, I pick React.

If I can choose for a product, internal tool, or personal project, I reach for Svelte first.

The first difference I noticed

State feels lighter in Svelte.

React:

import { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <button onClick={() => setCount(count + 1)}>
      Count: {count}
    </button>
  );
}

Svelte:

<script>
  let count = 0;
</script>

<button on:click={() => count++}>
  Count: {count}
</button>

There is less framework noise around the actual idea.

Derived values

React usually needs a hook when the value is expensive or depends on state:

const total = useMemo(
  () => items.reduce((sum, item) => sum + item.price, 0),
  [items]
);

Svelte keeps it close to normal JavaScript:

<script>
  let items = [];
  $: total = items.reduce((sum, item) => sum + item.price, 0);
</script>

That small difference matters when the component grows.

Where React still wins

React wins on the ecosystem.

If the project needs a mature charting library, enterprise table component, animation package, form abstraction, or a hiring pipeline tomorrow, React is easier to justify.

It also has a bigger answer base. When something breaks, someone has probably hit the same issue before.

Where Svelte feels better

Svelte wins on daily writing.

Scoped styles are built in. Transitions are built in. Stores are simple. Components are usually smaller. I spend less time connecting framework primitives and more time writing the UI.

SvelteKit also has a clean mental model for routes, loading data, and forms. I like that part a lot.

The TypeScript note

React with TypeScript is still more mature.

Svelte TypeScript support is good, but I have hit more edge cases around component props, events, and generics. Svelte 5 improves a lot of this, but React has had more years of sharp-edge sanding.

What I would choose

This is where I usually land:

• React for large teams, client work, or library-heavy apps.
• Svelte for personal sites, content-heavy apps, smaller product teams, and interfaces where bundle size matters.

Both can ship good software. The difference is how much code you want to carry while doing it.