Articles by Tag #svelte
Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!
Why I Stopped Using React (And You Should Too) 🔥
The framework that promised to simplify everything just made my codebase a...
I made my DEV articles into a blog using the Forem API
Vanity, thy name is...
Building A Keyboard-First Video Player with Svelte & Rust
Until about five months ago, I didn’t even have a single public repo on GitHub. Every project I’d...
How to Learn Any Framework in 2 Weeks (My Svelte Journey)
When I first started my internship as a software developer, I was told to work on a Svelte...
Svelte’s Growing Pains: Runes, Stores, and the Quest for Standards
I’ve had this thought in my mind for a while. I don’t want to sound pretentious or anything, but I...
Svelte + Flexmonster Pivot: Building an Interactive Dashboard of World Happiness
Hi guys! Recently, I was thinking about what new project I could create and ended up scrolling...
My Attempt at Neobrutalism with Svelte: Redesigning my Website
It's been a while since the last time I woke up and decided my portfolio wasn't what I wanted...
Day 22 - Alert Component Part 1 - Alert List and Alert Components
Day 22 - Alert Component Part 1 - Alert List and Alert Components Table of...
Using Apollo in Svelte 5
Previous post Svelte’s Growing Pains: Runes, Stores, and the Quest for Standards I worked as an...
Dnd-Master: Lightweight, Powerful Drag-and-Drop for Svelte
A big thankyou to epicenter for sponsoring my open source work. Have you ever noticed that when it...
Svelte Event Forwarding & Advanced Component Patterns
Imagine you’re in a game of telephone, commonly known as Chinese whisper. One person whispers a...
Svelte 5: Share state between components (for Dummies)
As soon as you see the new $state in Svelte 5, you might be tempted to do this: //...
How I Recreated Keynote's Magic Move with Svelte Snippets
A big thankyou to epicenter for sponsoring my open source work. Earlier this week, I woke up with a...
Testing svelte5 with vitest and playwright for non svelte-kit projects
I will preface that I'm using Svelte through a non svelte-kit framework called Primate.run, if you're...
Announcing SvelteKit OG v4: An alternative to @vercel/og for sveltekit
Introduction We're thrilled to announce the official release of...
SvelteKit Surreal Database Authentication
TL;DR I created a login for Surreal Database and SvelteKit. The core server function can...
Loops in Svelte — {#each}, Keys, and Building a Todo App
Quick question: when was the last time you saw an app that only showed one thing? One todo in your...
Styling in Svelte (Scoped CSS, :global, and Class Directives)
Why Styling Matters 🎨 Code makes apps work, but styling makes them delightful. Imagine a...
Conditionals in Svelte — {#if}, {:else}, and Nesting Explained
Imagine opening an app and always seeing the same thing, no matter who you are or what you’ve...
VERT.sh: The File Converter That Never Sees Your Files (Thanks, WebAssembly!)
Quick Summary: 📝 VERT is a file conversion utility that performs conversions locally using...
Understanding Svelte Component Lifecycle and Reactivity
Svelte's component system features a specific approach to reactivity and component initialization....
Day 29 - Add a Loader and Error State
On day 29, I add a loader (A <div>Loading ...</div>) to show that the page is loading the...
Svelte: Best practice to combine $derived and $state
First approximation: let { data } = $props(); let posts = $derived.by(() => { let posts =...
Day 25 - Alert Component Part 4 - Update the Alert Bar to reopen closed alerts
Component Fundamentals with JavaScript Frameworks On day 25, I extend the Alert Bar...
Svelte 5 on Bun 1.2: Getting started
Summary The latest Svelte 5 update brings runes, a fresh approach to reactivity which...
Why I Ditched React (And Why You Should Too): A Self-Taught Dev's Rant
Look, I started like most of us self-taught, poking around HTML and CSS, building wonky sites by...
I Built LeedPDF - Open Source PDF Drawing & Annotation That Feels Like Sketching ✏️
I’ve always loved the feeling of scribbling on paper with a pencil, especially when reviewing...
Day 26 - Alert Component Part 5 - Extract logic and component from Alert Bar
Component Fundamentals with JavaScript Frameworks On day 26, I review the code of AlertBar...
Day 28 - Retrieve the Post Author
On day 28, I use the userId of a post to call the users endpoint to retrieve the user name. In Vue...