$30 off During Our Annual Pro Sale. View Details »

Day22. Svelte 經驗談

Kalan
October 01, 2020

Day22. Svelte 經驗談

Kalan

October 01, 2020
Tweet

More Decks by Kalan

Other Decks in Programming

Transcript

  1. 第 12 屆 IT 鐵⼈賽
    30 天從 0 到 1 學 Svelte
    Day22 - 各種 Svelte 經驗談

    View Slide

  2. 第 12 屆 IT 鐵⼈賽
    Svelte 是編譯器嗎?
    是,但不完全是
    雖然會預先編譯程式碼,但不是 zero runtime
    https://svelte.dev/repl/58058516ea844c46b7f6609334b52aed?version=3.29.0

    View Slide

  3. 第 12 屆 IT 鐵⼈賽
    為什麼 bundle size 比較⼩
    沒有 runtime 的 diff 演算法,⽽是靠編譯時期幫忙
    沒有 Virtual DOM 的機制,盡量使⽤原⽣瀏覽器 API

    View Slide

  4. 第 12 屆 IT 鐵⼈賽
    為什麼 bundle size 很重要?
    不是每個⼈、每個城市都有快到不⾏的網路
    不是每個⼈都有效能良好的設備
    bundle size ⼩,代表更多空間發揮

    View Slide

  5. 第 12 屆 IT 鐵⼈賽
    ⼼智負擔
    Svelte 盡量從語法下⼿,讓實作變得更簡單

    View Slide

  6. 第 12 屆 IT 鐵⼈賽
    Svelte 可以應⽤在⼤型專案中嗎?
    可以,但可能要另外考慮幾件事

    View Slide

  7. 第 12 屆 IT 鐵⼈賽
    Svelte 與 a11y
    https://github.com/sveltejs/svelte/issues/374

    View Slide

  8. 第 12 屆 IT 鐵⼈賽
    為什麼我們需要在意 a11y?

    View Slide

  9. 第 12 屆 IT 鐵⼈賽
    我做過的⼀些專案
    ⾃我介紹
    Build Your Own X
    動物森友會情報

    View Slide