Svelte Context API Setcontext Getcontext Deep Props

Definisi

Context API (setContext / getContext) memungkinkan komponen parent membagikan data ke semua descendant tanpa prop drilling, mirip React Context. Berbeda dengan store global, context hanya mengalir ke anak dalam satu subtree.

Kapan dipakai

Pakai saat banyak level komponen butuh nilai sama (tema, locale, user) tapi tidak semua lewat props. Jangan pakai untuk state yang harus global lintas subtree berbeda — gunakan store.

Cara kerja

Set di parent

svelte

<script>
  import { setContext } from 'svelte';
  import { writable } from 'svelte/store';
  const theme = writable('dark');