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

Day22. Svelte 經驗談

Kalan
October 01, 2020
Programming
0
140

Day22. Svelte 經驗談

Kalan

October 01, 2020
Tweet

More Decks by Kalan

See All by Kalan
單頁式應用中的無障礙設計
kjj6198
0
750
選擇 Svelte 的三個理由 - JSDC
kjj6198
0
300
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
150
状態管理を楽にする道
kjj6198
1
320
Day25. 如何解析 HTML 語法
kjj6198
0
130
Day24. Svelte 如何編譯程式碼（2）
kjj6198
0
170
Svelte 如何編譯程式碼（1）
kjj6198
0
160
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
130
Day17. UI 實戰篇 - 音樂播放器
kjj6198
0
51

Other Decks in Programming

See All in Programming
フロントエンドのディレクトリ構成どうしてる？　Feature-Sliced Design 導入体験談
osakatechlab
8
4.1k
「Chatwork」Android版アプリを 支える単体テストの現在
okuzawats
0
180
各クラウドサービスにおける.NETの対応と見解
ymd65536
0
110
Effective Signals in Angular 19+: Rules and Helpers
manfredsteyer
PRO
0
110
rails statsで大解剖 🔍 “B/43流” のRailsの育て方を歴史とともに振り返ります
shoheimitani
2
940
これでLambdaが不要に？！Step FunctionsのJSONata対応について
iwatatomoya
2
3.7k
PHPUnitしか使ってこなかった 一般PHPerがPestに乗り換えた実録
mashirou1234
0
230
数十万行のプロジェクトを Scala 2から3に完全移行した
xuwei_k
0
280
PHPで作るWebSocketサーバー ~リアクティブなアプリケーションを知るために~ / WebSocket Server in PHP - To know reactive applications
seike460
PRO
2
510
선언형 UI에서의 상태관리
l2hyunwoo
0
180
創造的活動から切り拓く新たなキャリア 好きから始めてみる夜勤オペレーターからSREへの転身
yjszk
1
130
LLM Supervised Fine-tuningの理論と実践
datanalyticslabo
7
1.3k

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Building Applications with DynamoDB
mza
91
6.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Scaling GitHub
holman
458
140k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
YesSQL, Process and Tooling at Scale
rocio
169
14k

Transcript

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

    學 Svelte Day22 - 各種 Svelte 經驗談

  2. 第 12 屆 IT 鐵⼈賽 Svelte 是編譯器嗎？ 是，但不完全是 雖然會預先編譯程式碼，但不是 zero

    runtime https://svelte.dev/repl/58058516ea844c46b7f6609334b52aed?version=3.29.0

  3. 第 12 屆 IT 鐵⼈賽 為什麼 bundle size 比較⼩ 沒有

    runtime 的 diff 演算法，⽽是靠編譯時期幫忙 沒有 Virtual DOM 的機制，盡量使⽤原⽣瀏覽器 API

  4. 第 12 屆 IT 鐵⼈賽 為什麼 bundle size 很重要？ 不是每個⼈、每個城市都有快到不⾏的網路

    不是每個⼈都有效能良好的設備 bundle size ⼩，代表更多空間發揮

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

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

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

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

  9. 第 12 屆 IT 鐵⼈賽 我做過的⼀些專案 ⾃我介紹 Build Your Own

    X 動物森友會情報