Frontend Options

React/Next.js

• Pros:
  • Most popular option with plenty of resources
• Cons:
  • It’s React
  • Large bundles + poor performance
  • Weird reactivity and lifecycle behaviours
  • Separate files for CSS

Svelte/SvelteKit

• Pros:
  • Smaller + better performance than React
  • Super easy to learn
  • All the Svelte benefits (e.g. scoped styles, transitions)
• Cons:
  • Smaller ecosystem than React
  • Can’t export multiple components from one file
  • Can’t do early returns
  • Can’t use JSX (most annoyingly no templates in props)
  • “Too much magic” (makes you think it’s just JavaScript, when it’s actually not)
  • Harder to debug (usually related to the magic)

Solid/SolidStart

• Pros:
  • Smaller + better performance than React
  • Similar syntax to React
  • Significantly better state management/reactivity model
  • “Less magical” than Svelte (it is truly just JavaScript)
• Cons:
  • Smaller ecosystem than React and Svelte
  • Still in beta