DEV Community

Cover image for Building A Dashboard In Svelte

Building A Dashboard In Svelte

Srishti Sharma on March 06, 2020

Introduction: The newest entry in the race to be the best JavaScript framework in the market today is Svelte. It is a new JavaScript fra...
Collapse
 
timhlm profile image
moth

This was a great read, love to see all the awesome work being done with Svelte right now. Really feels like this is where front end frameworks should be headed.

Our team had a lot of luck building a simple dashboard (can't share the source, apologies) with Svelte template project and the svelte-spa-router on npm.

If you don't have the option to use Sapper, or are waiting for it to mature a bit, you can use these tools to get going with Svelte + routing quickly.

github.com/sveltejs/template
npmjs.com/package/svelte-spa-router

Collapse
 
erickmarcia profile image
Erick Marcia

Excelente Post, recien encontre a svelte soy prácticamente nuevo (10 dias mas o menos ) y me gusto tanto tu proyecto que lo ocupe para un proyecto de clases donde conecte una api laravel con svelte, fue super facil aprenderlo a aplicarlo el único problema que encontré con svelte o sapper es la forma de guardar imágenes y documentos adjuntos.
Si tienes alguna ayuda te lo agradeceria. Gracias!!

Collapse
 
sonicoder profile image
Gábor Soós

It's good to see others also trying out Svelte. I've also made experiments with it on the Todomvc application.

What I can't understand why there should be a "best" or "ideal" Javascript framework...every one of them has its ups and downs and can be ideal or best in a specific use-case + team.

I really like the bundle size and the speed of Svelte. On the other hand, the non-existent unit/e2e testing (you have to find out and build everything yourself) and no structure for the store (returning a singleton from a file and direct write access to stores just doesn't seem right) makes me feel that Svelte needs to become more mature to be widely adopted.

Collapse
 
miteshkamat27 profile image
Mitesh Kamat

Good read and impressive work. Just a quick thing are you also looking into responsive design of your implementation as I couldn't see the side navigation in mobile view. My bad if it is work in progress

Collapse
 
thatzacdavis profile image
Zachary Davis

Thanks for including a link to the Github repo!

Collapse
 
cordialgit profile image
Cordial

Today, we have SvelteKIt-- which as at July 2024, is in version 2.5.18.

It is no longer called Sapper.

Can You now create a new Post, and show us how to create the same Dashboard using Svelte and SvelteKit?

Regards.

Collapse
 
diegocastrum profile image
Diego Castro

Nice post! Very well done!!

Collapse
 
jonrandy profile image
Jon Randy 🎖️

From what I've seen, Svelte looks a lot like the fantastic riot.js.org - which has been around since 2013 and is now on v4

Collapse
 
sumitkharche profile image
Sumit Kharche

Great work Srishti.

Collapse
 
sm0ke profile image
Sm0ke

Great work. I will play with the project.
One missing thing on Github is the Sponsor button. :)

Collapse
 
iwaniukooo11 profile image
Mateusz Iwaniuk

Amazing project but I have to ask you one thing - When I refresh any subpage, I have an URL Error. Do you have any plan to fix it?

Collapse
 
roshnet profile image
Roshan Sharma • Edited

Just tried out Svelte, and this made up a helpful read. Aweosme.

Collapse
 
opensas profile image
opensas

Great post, I hope you can continue working on the repo, it would make a great starter template

Collapse
 
dzun_n profile image
Dzun N

great

Collapse
 
ramonak profile image
Katsiaryna (Kate) Lupachova

The dashboard looks impressive! Well done!