Join the Svelte Status and get a Jexia invitation


| Svelte Status - weekly newsletter for SvelteJS developers.

 

Svelte Status

Svelte Status

Newsletter for Svelte developers. Curated each week by Marlos from Jexia.


Fundamentals

Svelte Lifecycle events

BY CHRISTIAN HEINE

5 minutes - A comprehensive overview of the Svelte component lifecycle, including transition events and how to use special features like tick.



Introduction to SvelteJS

BY LEE MCGOWAN

8 minutes - Web development has evolved from simple HTML to HTML and javascript, to jQuery, and then to frameworks like Angular and React. It’s fair to say things have gotten a lot more complicated too. SvelteJS takes you right back to the beginning.



Getting acquainted with Svelte

BY TRISTRAM TOLLIDAY

10 minutes - Svelte has been covered here on CSS-Tricks before, like Ollie Williams’ excellent overview of how it can be used to write more convenient, component-based CSS. This article is going to zoom out a bit and provide a little more context.

Real-world reports

Svelte as an Eleventy template engine

BY SHAWN WANG

8 minutes - Svelte is a really nice authoring format for HTML components. I wanted to explore if I could extend Eleventy to use it.



Playing with Svelte and data visualization

BY AMELIA WATTENBERGER

A visualization of how likely developers are to be fans of other JS tools, given that they’re a fan of a specific tool. Mainly an excuse for Amelia Wattenberger to play around with Svelte.



Rich Harris can create responsive, JS-free charts

BY RICH HARRIS

8 minutes - There are countless libraries for generating charts on the web. Each serves a slightly different niche, but all of them have one thing in common: they require JavaScript.

Tutorials

Setup Phoenix with Svelte+Rollup

BY JOSHUA NUSSBAUM

3 minutes - By default, Phoenix uses Webpack for asset bundling. This step-by-step guide shows how to use Rollup instead and configure Rollup to Svelte.



Svelte state management: creating contact form

BY OLEKSANDR DEMIAN

3 minutes - We are going to see how to create a mutable state by using a writable object.



Setup Svelte w/ GraphQL, TypeScript + Material-UI

BY KRASEN ILKOV

9 minutes - We’ll look at how to combine Svelte with some of the most widely used JavaScript libraries. To demonstrate this we are going to build simple blog posting app.

Tools

Layer Cake, flexible graphics framework

BY MICHAEL KELLER

A framework for mostly-reusable graphics with Svelte.



CSS Responsive Component / Rich Harris

BY RICH HARRIS

CSS Responsive Component (Look Ma, no Javascript!) This component changes color and font size depending on the container width, independent of the viewport width. The changes are done in pure CSS (no Javascript), using a combination of padding-top and calc() to show/hide elements depending on container width.



Universal mode: unified state management

BY PETRI SILÉN

Unified state management for Angular, React, Svelte and Vue.

Pancake responsive charts. JavaScript optional.

BY RICH HARRIS

Pancake is a charting library for Svelte applications that allows you to visualize data with a combination of HTML, SVG and (soon) canvas/WebGL.



App showing how to use esri-loader to load a map

BY GAVIN REHKEMPER

An example Svelte application that shows how to use esri-loader to load a map.



Create web apps w/ server-side rendering included

BY BRUNO COURIOL

9 minutes - The Zero Server web framework allows developers to create, build and develop web applications with server-side rendering and little to no configuration. It accepts a mix of Node.js, React, HTML, MDX, Vue, Svelte, Python, and static files.

More tooling:

Perspectives

What's new in ECMAScript 2020 (ES2020)

BY JOSHUA HALL

4 minutes - Get up to date on some of JavaScript’s best proposals to be included in ES2020.



Trying Svelte for the first time as a React dev

BY ALEJOV

3 minutes.

Presentations

Slides and visuals from a Svelte ❤️ D3 talk

By MATTHIAS STAHL


About my projects

Svelte Status is a mailing consisting of the latest and finest blogs and tools curated for (aspiring) Svelte developers. I am your curator Marlos Borges, building Dutch cloud-based platform Jexia. Our platform is providing hosting and several serverless back-end functions for front-end or full-stack developers.

Features Examples Docs