0 views
Read
#0
Learn Svelte - Pre-Requisites Skill & Setup Environment
Before touching Svelte, you need to master HTML, CSS, and modern JavaScript, understand reactive programming and component concepts, and feel at home with the command line and a package manager. In this episode you set up Node.js LTS, the VS Code editor with the Svelte extension, and verify your first tooling.
August 10, 2026
00
Read
#1
Learn Svelte - History, Background & Why You Need Svelte
This episode traces Svelte's history from the birth of the compiler-driven framework idea, the release of Svelte 3 with reactivity without APIs, to the arrival of SvelteKit. You will also understand the problems Svelte solves and how it differs from React, Vue, and Angular.
August 10, 2026
00
Read
#2
Learn Svelte - Core Concepts & Main Architecture
This episode dissects Svelte's architecture: how the compiler turns reactive declarations into imperative code, the structure of .svelte files, reactive declarations and stores, lifecycle hooks, and the scoped CSS mechanism. This is the foundation every following episode relies on.
August 10, 2026
00
Read
#3
Learn Svelte - Starting a Svelte Project
This episode walks you through creating your first real Svelte application: scaffolding with npm create svelte@latest or Vite, understanding the project structure src/routes, src/lib, and static, running the dev server with hot reload, and setting up TypeScript, ESLint, and Prettier so the project is ready to develop.
August 10, 2026
00
Read
#4
Learn Svelte - Template & Bindings
This episode dissects the Svelte template language: variable declarations and interpolation, property binding, event binding, class binding, reactive statements, stores, and conditional and list rendering with #if and #each. These are the core syntaxes used throughout every following episode.
August 10, 2026
00
Read
#5
Learn Svelte - Component Communication
This episode covers how Svelte components communicate: props for data from parent to child, event dispatch for child to parent, slots for content injection, two-way binding with bind, and patterns for reusable, maintainable component composition.
August 10, 2026
00
Read
#6
Learn Svelte - Stores & State Management
This episode dissects state management in Svelte: writable, readable, and derived stores, custom stores with their own methods, the subscription mechanism, and integrating stores with reactive statements and lifecycle. You will also learn when to use a store versus runes.
August 10, 2026
00
Read
#7
Learn Svelte - Transitions & Animations
This episode brings motion to your interfaces: built-in transitions, the motion directives transition, in, out, and animate, custom animation with tweened and spring, and how to use motion as part of a mature UI and UX strategy.
August 10, 2026
00
Read
#8
Learn Svelte - Data Fetching & Async
This episode covers how Svelte applications fetch data: fetch and async/await, reactive data loading with error handling, SvelteKit load functions for server-side data, and simple caching patterns and request state management.
August 10, 2026
00
Read
#9
Learn Svelte - Routing & Navigation
This episode covers routing and navigation in SvelteKit: filesystem-based routing with +page and +layout, dynamic and nested routes, navigation with the a element and the goto function, plus route parameters, query parameters, and the preload mechanism.
August 10, 2026
00