All topics
Frontend · Learning hub

Svelte cheat sheet & developer notes

Svelte cheat sheet and 7 curated developer notes — core concepts, patterns, and interview prep. Maintained by the DevRecall team.

Save this stack to your DevRecallTest yourself — Svelte quizMore Frontend notes
01 · Svelte

Reactivity & Stores

Svelte Reactivity & Stores. Svelte is a radical new approach to building user interfaces. It compiles components into highly efficient imperative code that updates the DOM surgically. Reactivity in Svelte is built into t…

Read
02 · Svelte

Component Communication

Svelte Component Communication. Learn how Svelte components communicate through props, events, slots, and context:. Props - Parent to Child. <!-- Child.svelte --> <script> // Declare props with export export let title; e…

Read
03 · Svelte

SvelteKit & Routing

SvelteKit & Routing. SvelteKit is the official application framework for Svelte. It provides routing, server-side rendering, API endpoints, and a powerful filesystem-based routing system.. Filesystem-Based Routing. // Pr…

Read
04 · Svelte

Transitions & Animations

Svelte Transitions & Animations. Svelte makes it easy to add smooth transitions and animations to your app with built-in transition directives.. Built-in Transitions. <script> import { fade, fly, slide, scale, blur, draw…

Read
05 · Svelte

Advanced Features

Svelte Advanced Features. Explore advanced Svelte features including lifecycle, actions, special elements, and compiler optimizations:. Lifecycle Functions. <script> import { onMount, onDestroy, beforeUpdate, afterUpdate…

Read
06 · Svelte

Interview Questions

Svelte Interview Questions. Comprehensive Svelte interview questions covering reactivity, components, SvelteKit, and performance:. Fundamentals. 1. What is Svelte and how is it different from other frameworks?. Svelte is…

Read
07 · Svelte

Performance Optimization

Svelte Performance Optimization. Svelte is already highly optimized by default since it compiles components to efficient vanilla JavaScript. However, there are techniques to optimize further:. Keyed Each Blocks. <script>…

Read

Keep your Svelte knowledge sharp.

Save this stack to your personal DevRecall — add your own notes, track what you're learning, and share what you know with the community.

Get started — free forever