loading...
Cover image for Svelte JS - Open-Source Starters

Svelte JS - Open-Source Starters

sm0ke profile image Sm0ke ・4 min read

Hello Coders,

This article presents a curated list with resources (starters, blog articles ..) related to the new wonderboy Javascript Framework - Svelte JS. I must say from the beginning that I'm not a Javascript guru and I'm using the starters as a knowledge base for AppSeed, the platform that uses flat/lifeless HTML to generate stable UI-ready Web Apps in different patterns and programming languages. The automated workflow used to generate the apps was presented before here on Dev, in a series of articles:

For more stuff related to automation and code generation, just access my Dev.to profile. Thank you for reading! Feel free to suggest more starters & resources in the comments.


What is Svelte JS

Svelte is a free and open-source JavaScript framework written by Rich Harris. Svelte applications do not include framework references. Instead, building a Svelte applications generates code to manipulate the DOM, which may give better client run-time performance.

Svelte is a radical new approach to building user interfaces. ... Svelte components are built on top of HTML. Just add data. CSS is component-scoped by default — no more style collisions or specificity wars. Or you can use your favorite CSS-in-JS library.


Svelte JS Starters

Being such a young technology is quite hard at this moment to find usable starters to play with or to accelerate your learning curve. The list will be updated periodically with new items discovered by me or suggested in the comments by the Dev community.


Svelte Digital Agency

Open-source web app made by using Svelte and Sapper.

Features & Links

Svelte Digital Agency - Open-Source Web App coded in Svelte.

Build from sources

To see the app running locally, we need a stable Node.js environment and GIT command tool.

$ # Clone the source code
$ git clone https://github.com/app-generator/svelte-digital-agency.git
$ cd svelte-digital-agency
$ 
$ # Install modules
$ yarn 
$
$ # Start the app in development mode
$ yarn dev
$
$ # Production build
$ yarn build

Svelte Coderstats

Open-source web app made by using Svelte and Sapper.

Features & Links

Svelte Coderstats - Open-Source Web App coded in Svelte.

Build from sources

$ # Clone the source code
$ git clone https://github.com/app-generator/svelte-coderstats.git
$ cd svelte-coderstats
$ 
$ # Install modules
$ yarn 
$
$ # Start the app in development mode
$ yarn dev
$
$ # Production build
$ yarn build

Svelte Dashboard SB Admin

Open-source admin dashboard made by using Svelte and Sapper, inspired from SB-Admin Dashboard.

Features & Links

Svelte Dashboard SB Admin - Open-Source Admin Dashboard coded in Svelte.

Build from sources

$ # Clone the source code
$ git clone https://github.com/app-generator/svelte-dashboard-sb-admin.git
$ cd svelte-dashboard-sb-admin
$ 
$ # Install modules
$ yarn 
$
$ # Start the app in development mode
$ yarn dev
$
$ # Production build
$ yarn build

Blog Articles


Links & Resources

  • Svelte JS - the official website
  • Svelte JS - the public repository (Github)
  • What is Svelte - a comprehensive Wikipedia page
  • Sapper - Sapper is a framework for building web applications, based on Svelte.

Thank you! <('_')>

Posted on by:

sm0ke profile

Sm0ke

@sm0ke

#Automation, my favorite programming language

Discussion

markdown guide
 

It is very instructive, I see that slender is not too far from the others. It seems a little better besides I speak about it in the top 4 of the best frontend JavaScript frameworks.

 

Its a misconception, svelte have not a good documentaion, and there is not fully stable uikits and plugins.Yes, svelte have few inspirational ideas, but for real and serious projects its so far from ok, maybe after few years but not in 2020...

For example you can look at github.com/CalvinWalzel/awesome-sv...
And compare it with vue or react awesome

 

Yep, Svelte is a super young .. but promising tech. The article gives credit from this perspective.
Let's hope, Svelte will get more traction and reach soon the production level .
P.S. Thanks for reading the article!