loading...
Cover image for Learn Svelte

Learn Svelte

vintharas profile image Jaime πŸ”₯πŸ§™β€β™‚οΈπŸ”₯ Updated on ・2 min read

Learn Svelte (5 Part Series)

1) Learn Svelte 2) Learn Svelte: Get Started with Svelte Writing a Pomodoro Technique App 3) Learn Svelte: Adding, Editing and Estimating Tasks In The Pomodoro Technique App 4) Learn Svelte: Creating a Pomodoro Timer 5) Learn Svelte: Connecting the Pomodoro Timer and Tasks with Props and Stores

This article was originally published on Barbarian Meets Coding.

Svelte is a modern web framework that takes a novel approach to building web applications by moving the bulk of its work from runtime to compile-time. Being a compiler-first framework allows Svelte to do some very interesting stuff that is unavailable to other frameworks like disappearing from your application at runtime, or allowing for a component centered development with HTML, JavaScript and CSS coexisting within the same Svelte file in a very web standards friendly fashion.

I've been following Svelte's progress for quite some time and I finally found some time to tinker with it. This is the beginning of a series of posts where you'll be able to read about my experience and adventures with Svelte starting with a couple of videos and some resources to get you warmed up.

These are two great introductory videos that will both pique your interest, teach you some of the foundations of Svelte and enough of the syntax to get started writing your own projects:

Rethinking Reactivity is a great intro to the foundations of Svelte and its raison d'Γͺtre. It's also a super engaging and fun talk by Svelte's creator and master storyteller Rich Harris:

Video nΓΊmero 2 is a great step by step Svelte tutorial with lots of tinkering and playing with the different features in Svelte:

In the coming future I'll write more articles on my adventures and experience with Svelte as I build an interactive playground for Wizards Use Vim. Until then, you can learn more about Svelte here:

Learn Svelte (5 Part Series)

1) Learn Svelte 2) Learn Svelte: Get Started with Svelte Writing a Pomodoro Technique App 3) Learn Svelte: Adding, Editing and Estimating Tasks In The Pomodoro Technique App 4) Learn Svelte: Creating a Pomodoro Timer 5) Learn Svelte: Connecting the Pomodoro Timer and Tasks with Props and Stores

Posted on by:

vintharas profile

Jaime πŸ”₯πŸ§™β€β™‚οΈπŸ”₯

@vintharas

Front-end Software Engineer at Google working on Google Meet πŸ‘¨β€πŸ’» Helping developers be more awesome πŸ”₯ author, speaker & nerd πŸ§™πŸΌβ€β™‚οΈ into JavaScript, TypeScript, Vim & pixelart ❀️

Discussion

markdown guide