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

CodeSignal

Component Communication & Events in Svelte

via CodeSignal

Go to class Write review

Overview

This course covers component communication in Svelte, teaching efficient data flow management. Learn DOM event handling, props passing, and two-way binding for state synchronization. Master parent-child communication via callbacks and use the context API for sharing data across nested components. These skills are essential for building scalable Svelte applications with clear data management.

Syllabus

  • Unit 1: Passing Data with Props in Svelte
    • Passing Props to Child Component
    • Dynamic Props Forwarding
    • Passing Objects with Props
    • Passing Arrays with Props
    • Passing Multiple Props in Svelte
  • Unit 2: Using Callback Functions as Props in Svelte
    • Parent Child Callback Communication
    • Capture User Input with Callbacks
    • Multiple Callbacks in Action
    • Multiple Child Component Communication
    • Data Collection with Callbacks
  • Unit 3: Two-Way Binding with `bind:` and `$bindable` in Svelte
    • Two-Way Binding in Action
    • Binding Multiple Variables Together
    • Synchronize Multiple Child Components
    • Toggle Dark Mode Binding
    • Dynamic Font Size Binding
  • Unit 4: Using the Context API in Svelte
    • Share Data with Context API
    • Handle Missing Context Safely
    • Access Context in Nested Components
    • Manage Multiple Contexts in Svelte
    • Share Functions Through Context

Reviews

Start your review of Component Communication & Events in Svelte

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.