Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Day6: Store 與 Context 介紹

Kalan
September 15, 2020

Day6: Store 與 Context 介紹

本集內容:Store 與 Context 介紹

Svelte 內建 store 機制,除了不用戰 redux 之外,store 本身的功能也很強大,透過 svelte 的 `$` 功能還可以達到方便取值的效果,也可以搭配其他函式庫如 Rx.js 做整合。

Store 也可以在 Svelte 元件外操作,方便切分業務邏輯。

Kalan

September 15, 2020
Tweet

More Decks by Kalan

Other Decks in Programming

Transcript

  1. 第 12 屆 IT 鐵⼈賽 30 天從 0 到 1

    學 Svelte Day6 - Context 與 Store
  2. 第 12 屆 IT 鐵⼈賽 Svelte 整合 - $ 在變數前加入

    $ 可以⾃動訂閱 store 同時處理 unsubscribe 邏輯
  3. 第 12 屆 IT 鐵⼈賽 與 store 的不同之處 沒有 reactive

    效果(如 subscribe, unsubscribe) 需要在 Svelte 元件中使⽤才有效果 只會作⽤在 Svelte 的元件樹當中 Svelte 會去找尋離元件距離最近的 context