Sveltekit Tailwind Typescript Guide Svelte State Management

Use when working with SvelteKit — state management, stores, reactive declarations

liaosw97 Updated

File contents

  • 使用 Svelte stores 进行全局状态管理: typescript import { writable } from 'svelte/store'; export const myStore = writable(initialValue);

    • 在组件中使用 $ 前缀访问 store 的值: svelte
  • 响应性

    • 对派生值使用响应式声明: svelte $: derivedValue = someValue * 2;

    • 对副作用使用响应式语句: svelte $: { console.log(someValue); updateSomething(someValue); }

liaosw97/awesome-rules-skills/tree/main/plugins/sveltekit-tailwind/skills/sveltekit-tailwind-typescript-guide-svelte-state-management commit f429adef6d

Frequently asked questions

npx skillmds@latest add liaosw97/sveltekit-tailwind-typescript-guide-svelte-state-management