Svelte Status Weekly curated blogs and tools for Svelte developers.

Fundamentals

Svelte 3 under the hood cam.st 3 minutes - With the quite recent release of Svelte v3, it seemed a good time to dive under the hood and explain exactly what it is doing.

SvelteJS: the next big UI framework dev.to 8 minutes - Svelte is very different in many aspects and especially in its mindset around how a UI framework should work and solve the problems regarding writing a UI. We’ll explore how to get started with Svelte by building a todo app (as always 😃 ).

CTO’s guide to Svelte – what can it do for you? tsh.io 4 minutes - Svelte is a rising JavaScript frontend framework with unique approach to app development. Learn its benefits and how it compares to React or Angular

In practice

Props up with Svelte dev.to 3 minutes - Let’s present the paradigm by creating a small Counter component in React first. Then we try to handle the same issue in Svelte.

Testing with Svelte and Ava cam.st 2 minutes - Svelte’s design is brilliant, and I thoroughly enjoy building user interfaces with it. However, one aspect that can at times be painful is testing.

How to friend Pug and Svelte dev.to 2 minutes - At one moment I wanted to combine SvelteJS with my favorite preprocessor Pug. This task is not so simple as one can think.

Building a headroom-style header in Svelte dev.to 7 minutes - Our objective is to create a header that slides up (and out-of-view) when the user scrolls down, and re-appears when they scroll up (no matter how far down the page they are).

Debug Svelte apps with released Svelte Devtools jimmyutterstrom.com 2 minutes - A minor nuisance with Svelte 3 (if you’re coming from Vue or React) might be the lack of a browser plugin like Vue devtools, to inspect the app’s component tree and direct access to component state. There is now a - A minor nuisance with Svelte 3 (if you’re coming from Vue or React) might be the lack of a browser plugin like Vue devtools, to inspect the app’s component tree and direct access to component state. There is now a community created devtools extension for Svelte , made by Timothy Johnson , which gives you some of the basic functionality found in similar tools for other frameworks.

Tutorials

Svelte slots flaviocopes.com 2 minutes - How to work with slots in Svelte to define components that can be composed together

Getting started with Svelte flaviocopes.com 2 minutes - How to get started with Svelte.

Svelte templates: conditional logic flaviocopes.com 2 minutes - Learn how to work with templates in Svelte and in particular how to use conditionals

How to work with props in Svelte flaviocopes.com 2 minutes - Learn how to work with props in Svelte and let two components with a parent/child relationship communicate with each other.

How to import components in Svelte flaviocopes.com 1 minute - Learn how to import components in Svelte

Creating a simple todo list using Svelte www.skcript.com 6 minutes -Another todo list 😀. Within the app, we will take a look at: How to create a svelte component

How to pass props between the components

How to call a function between components

How to add comments in Svelte templates flaviocopes.com 1 minute - How to avoid Svelte to render parts of a template to the client.

How to rerender a Svelte component on demand flaviocopes.com 2 minutes - How to rerender a Svelte component on demand and in particular how to rerender it when I want to run a function prop again

Intro to using Svelte to create a native mobile app www.nativescript.org 5 minutes - Svelte Native takes the Svelte framework and makes it available to use with NativeScript! Read on for a brief intro to Svelte Native and why you might just want to try it out for your next mobile app.

Export functions and variables from a Svelte component flaviocopes.com 1 minute - Learn how to export functions and variables from a Svelte component.

Tools

React.Component wrapper for Svelte medium.com 1 minute - In this micro article i will show you how embed pure React component in Svelte application.

Stores for Nimiq, a blockchain ecosystem forum.nimiq.community 2 minutes - As a side-project, I created reactive Nimiq stores for Svelte.

Perspectives

Svelte 3 — new Vue killer, but not today medium.com 7 minutes - Our small team got some work on Frontend development of small web admin panel with Our small team got some work on Frontend development of small web admin panel with MongoDB Stitch as a backend. But we all heard about how Svelte is cool and beautiful, so we decided to try it out.

How did you find out Spotify uses Svelte? dev.to 1 minute - Install the Install the Wappalyzer Google chrome extension. Now visit Spotify.com , click the extension and it should show you all the tools or frameworks the site is using.

My look at SvelteJS and how you can start using it medium.com 6 minutes - I ignore yet another JS framework type of posts but Svelte caught my eye when I saw it making some fuss in the web community. So I gave it a try, and to my dismay, it is better than what I thought! 🧡

Contemporary front-end architectures blog.webf.zone 39 minutes - Writing front-end code is complex. Understanding underlying architecture is vital for every engineer. This article traces the origins of UI architectures and answers today’s design decisions.

Interview with Svelte Native creator David Pershouse www.nativescript.org 5 minutes - The NativeScript team asked the creator of Svelte Native (David Pershouse) about his inspiration for Svelte Native and what his future plans are.

How to distribute a Rust binary on NPM www.kennethlarsen.org 2 minutes- Recently I published a CLI tool called Recently I published a CLI tool called baelte . It’s written in Rust, and it’s aimed at frontend developers who make applications using Svelte.

Svelte Meetups are popping up

The first Svelte Society meetups in New York and London just took place. And new ones are coming:

Presentations

Svelte: named slots

Duration: 3 min 30 seconds.

Duration: 15 minutes

Part 1. Duration: 22 minutes.

Svelte without Redux and TypeScript. Duration: 6 minutes.

About this weekly . I’m , your curator, working from the Netherlands to help building a software developer platform called Jexia. Svelte Status is a mailing consisting of the latest blogs and tools curated for Svelte prosI’m Marlos , your curator, working from the Netherlands to help building a software developer platform called Jexia. Do you have a question, feedback or you want to notify me about a recent blog for Svelte devs? Reach out to me via marlos at sveltestatus.com. Btw, I don’t accept proposals to include sponsored content in my weekly.

Did you enjoy this issue?

If you don't want these updates anymore, please unsubscribe here