Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Building A Kanban Board: Basic State Management with Runes

via CodeSignal

Overview

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.

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

Reviews

Start your review of Building A Kanban Board: Basic State Management with Runes

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.