Learn state management with Svelte 5's Runes API. Build a task system that adds tasks and moves them between columns while mastering reactive programming, derived values, and two-way data flow. These fundamental patterns form the foundation for more complex applications.
Overview
Syllabus
- Unit 1: Introducing State Management with Runes
- Creating Reactive Task State
- Filtering Tasks with Derived State
- Creating Accessor Functions for Task Lists
- Connecting Tasks to Dynamic Data Sources
- Unit 2: Creating a Form for Task Addition in Svelte
- Implementing the Task Creation Function
- Integrating Components for Complete Interface
- Building a Task Form with Runes
- Handling Form Submissions with Svelte Runes
- Unit 3: Implementing Task Movement in a Kanban Board
- Implementing Task Movement Between Columns
- Creating Task Movement Action Buttons
- Making Task Cards Interactive and Expandable
- Connecting TaskCards for Column Movement
- Unit 4: Adding Task Counters and Stats to Your Kanban Board
- Adding Task Counting to Store
- Adding Task Counters to Columns
- Adding Task Counts to Columns
- Creating a Task Statistics Component
- Integrating Stats for Complete Task Overview