armchair-traveller / svelte-fm

frontendmentor.io challenges done the Svelte way

Home Page:http://svelte-fm.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

⚠ On hold until svelte-kit hits open source beta! Sapper is deprecated.

However, a word of warning... it's already using SvelteKit.

Svelte Front End Mentor

Front End Mentor challenges done in Svelte. This is a frontend boilerplate for what I believe to be the quickest way to approach challenges in Frontend Mentor.

But Why Svelte?

Easy question! Svelte:

  • Has syntax that is akin to vanilla HTML, CSS, and JavaScript. Because of this, this code can be easily adapted by anyone to other component frameworks or even back to vanilla, with minimal context. All while keeping the features and tooling of a full framework available at any time.
  • Component scoped: dial down complexity by separating into components when needed, keep it all in one file when not. This means VSCode's symbol search (CTRL+O) is much more usable!
  • When it's just CSS & HTML, it's just CSS & HTML. But when there's any JS involved, it's vastly more productive and less complex to work in than React or Vue because of Svelte's boilerplate-cutting syntax.

About

frontendmentor.io challenges done the Svelte way

http://svelte-fm.netlify.app/


Languages

Language:Svelte 80.9%Language:JavaScript 13.1%Language:HTML 3.4%Language:CSS 2.6%