Day22. Svelte 經驗談

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