Home/Courses/Svelte/Moving to Svelte 5

Moving to Svelte 5📦

Intermediate→Advanced

Svelte 5

Upgrade your existing apps with confidence. Learn how to use the migration tools and manually refactor legacy patterns to Runes, events, and snippets.

5

Sections

15

Lessons

15

Challenges

Start this free course

Start learning Moving to Svelte 5

15 lessons and 15 challenges, all 100% free.

Start this course

Migration Strategy Overview

Running the Migration Script

Breaking Changes to Watch For

Migration Command(Sign in required)

Beginner+10 Mana

What Script Doesn't Do(Sign in required)

Intermediate+15 Mana

Event Modifier Replacement(Sign in required)

Intermediate+15 Mana

Converting let to $state

Converting $: to $derived

Converting $: Side Effects to $effect

Convert Reactive Variable(Sign in required)

Beginner+10 Mana

Convert Derived Value(Sign in required)

Intermediate+15 Mana

Effect with Cleanup(Sign in required)

Intermediate+15 Mana

Converting export let to $props

Replacing createEventDispatcher

Converting Slots to Snippets

Convert export let(Sign in required)

Intermediate+15 Mana

Default Slot Replacement(Sign in required)

Intermediate+15 Mana

Event Dispatcher Alternative(Sign in required)

Intermediate+15 Mana

Understanding Mixed Mode

Testing Your Migration

Common Migration Mistakes

Mixed Mode Rule(Sign in required)

Intermediate+15 Mana

Safe Callback Invocation(Sign in required)

Intermediate+15 Mana

Render Children(Sign in required)

Beginner+10 Mana

Removing Legacy Imports

TypeScript Improvements

Migration Completion Checklist

Lifecycle Replace(Sign in required)

Beginner+10 Mana

TypeScript Props Pattern(Sign in required)

Intermediate+15 Mana

Find Legacy Code(Sign in required)

Beginner+10 Mana

Ready to start this free course?

No credit card required.

Start this course now

Ready to start Moving to Svelte 5?

15 interactive lessons and 15 hands-on challenges — learn in VS Code, Cursor, or the web.