Why SwiftUI? Why TCA?

2024 年 iPlayground 開場演講題目

Transcript

1. 13@iPlayground2024 Why SwiftUI? Why TCA? 13
2. 13@iPlayground2024 About Me 13
3. 13@iPlayground2024 📸 歡迎拍照 本演講結束後暫不提供投影片
4. 13@iPlayground2024 About Me iPlayground 與 13 • 3⃣第三次在 iPlayground 演講 • 🎙weak self podcast https://weakself.dev • 📰13 報（Apple 開發者週報） https://ethanhuang13.com 以上皆源 自 於 iPlayground • 🐦Twitter @ethanhuang13
5. 13@iPlayground2024 ㊙ iOS Developer+ 會員 https://iosdeveloper.plus 13 的獨家 iOS 開發經驗分享
6. 13@iPlayground2024 About Me 為什麼要講這個題 目 • 目 前任職於 UI.com，擔任 iOS Lead • 團隊有超過 3 年的 SwiftUI + TCA 實務與踩坑經驗
7. 13@iPlayground2024 🚩 今天講 Why，不講 How
8. 13@iPlayground2024 Why SwiftUI? Reason 0
9. 13@iPlayground2024 🤔 為什麼要學 SwiftUI？
10. 13@iPlayground2024 🙅 SwiftUI 無法取代 UIKit 也不需要
11. 13@iPlayground2024 🥰 SwiftUI 還是有好些 Bug 或缺陷 但已經很實 用 了
12. 13@iPlayground2024 👀 Swift Observation iOS 17 以上
13. 13@iPlayground2024 Why SwiftUI? Reason 1
14. 13@iPlayground2024 🤔 為什麼要學 SwiftUI？
15. 13@iPlayground2024 🤪 這樣你就可以罵 SwiftUI 了
16. 13@iPlayground2024
17. 13@iPlayground2024 🤕 iOS 開發者有誰不受傷？
18. 13@iPlayground2024
19. 13@iPlayground2024 🥹 開發者對 SwiftUI 的期待很 高
20. 13@iPlayground2024 Why SwiftUI? Reason 2
21. 13@iPlayground2024 🙋 工 作 用 SwiftUI > UIKit
22. 13@iPlayground2024 🙋 個 人 專案 SwiftUI > UIKit
23. 13@iPlayground2024 👉 你想在下 一 個 iOS 專案 寫 SwiftUI 嗎？
24. 13@iPlayground2024 假設兩個新案 子 或新 工 作 條件完全 一 樣 只差在 UIKit 或 SwiftUI
25. 13@iPlayground2024 Why SwiftUI? Reason 3
26. 13@iPlayground2024 ↔ 你比較熟悉左邊這 一 群， 還是右邊這 一 群？
27. 13@iPlayground2024 •UIKit •Android View •Xamarin •jQuery •SwiftUI •Flutter •React Native •Jetpack Compose •React •Vue
28. 13@iPlayground2024 ❓ 你看得懂下 面 這三句話嗎？
29. 13@iPlayground2024 1. 每個畫 面 都有 一 個狀態去對應 2. 只要改變狀態，畫 面 就會改變 3. 核 心 邏輯就在於正確改變狀態
30. 13@iPlayground2024 🥲 越熟悉 UIKit，學 SwiftUI 越困難
31. 13@iPlayground2024 🛒學習遷移： 在 一 種情境中所學到的知識或技能 能夠應 用 到另 一 種情境中的過程 正向 / 負向學習遷移
32. 13@iPlayground2024 🥲 越熟悉 UIKit，學 SwiftUI 越困難 （負向學習遷移）
33. 13@iPlayground2024 🤯 我的 SwiftUI 頓悟時刻
34. 13@iPlayground2024
35. 13@iPlayground2024
36. 13@iPlayground2024 •UIKit •Android View •Xamarin •jQuery •SwiftUI •Flutter •React Native •Jetpack Compose •React •Vue
37. 13@iPlayground2024 🛒 學會 SwiftUI 獲得對現代前端框架的正向遷移
38. 13@iPlayground2024 🥸Bonus: 為什麼 SwiftUI 有很多 Bug？
39. 13@iPlayground2024 1. 每個畫 面 都有 一 個狀態去對應 2. 只要改變狀態，畫 面 就會改變 3. 核 心 邏輯就在於正確改變狀態
40. 13@iPlayground2024 （理想上） 1. 每個畫 面 都有 一 個狀態去對應 2. 只要改變狀態，畫 面 就會改變 3. 核 心 邏輯就在於正確改變狀態
41. 13@iPlayground2024 🤓 理想與現實有巨 大 的差距
42. 13@iPlayground2024 🙂↔ 現實： SwiftUI 與 UIKit 天 生 不相容
43. 13@iPlayground2024 🔧 iOS SwiftUI 的 Bug(fix) 史 或許就是 縮減理想與現實差距的歷史
44. 13@iPlayground2024 Why SwiftUI? Reason 4
45. 13@iPlayground2024 👀 在開發流程中使 用 Preview 的意義是什麼？
46. 13@iPlayground2024 ⚡ 快速得到回饋 修正後再快速得到回饋 修正後再快速得到回饋
47. 13@iPlayground2024 波報 #52
48. 13@iPlayground2024 WWDC23: Design with SwiftUI
49. 13@iPlayground2024 有些東 西 不靠 Preview（這種 方 式） 是創造不出來的
50. 13@iPlayground2024 🔥 不 一 定要 Preview，也可以使 用 Hot Reloading + Injection
51. 13@iPlayground2024 即使 Preview 常常壞掉... 我還是會要求寫 Preview 的另 一 個原因
52. 13@iPlayground2024 💡 能把 SwiftUI Preview 寫好 View 的狀態設計就不會太差
53. 13@iPlayground2024 🤣老笑話 iOS 開發就是在做 JSON + TableView
54. 13@iPlayground2024
55. 13@iPlayground2024 🚧 為了看清楚每種狀態的 Preview 必須把各種狀態的假資料準備好 準備的過程就是在檢討架構設計
56. 13@iPlayground2024 💡 能把 SwiftUI Preview 寫好 View 的狀態設計就不會太差
57. 13@iPlayground2024 Why SwiftUI? Reason 5
58. 13@iPlayground2024 🙏 Only SwiftUI Can Do
59. 13@iPlayground2024 🎛WidgetKit 家族 Live Activity Dynamic Island Lock Screen Control ⌚Watch App
60. 13@iPlayground2024 🙅 請不要 用 開發 Widget 當作初學 SwiftUI 的題 目 雙重傷害
61. 13@iPlayground2024 Why SwiftUI? Reason 6
62. 13@iPlayground2024 👍 跟 TCA 搭配
63. 13@iPlayground2024 Why TCA? Reason 0
64. 13@iPlayground2024 🙋 有聽過 TCA 嗎？
65. 13@iPlayground2024 The Composable Architecture https://github.com/pointfreeco/ swift-composable-architecture
66. 13@iPlayground2024 Point-Free https://www.pointfree.co/ Brandon Williams Stephen Celis
67. 13@iPlayground2024 1. 每個畫 面 都有 一 個狀態去對應 2. 只要改變狀態，畫 面 就會改變 3. 核 心 邏輯就在於正確改變狀態
68. 13@iPlayground2024 👮 TCA 很擅長管理狀態
69. 13@iPlayground2024 🫨 配套的機制與 Libraries 非常多
70. 13@iPlayground2024 Swift CasePaths Concurrency Extras Custom Dump Swift Dependencies Identified Collections Swift Navigation Swift Perception Swift Issue Reporting
71. 13@iPlayground2024 還學到了超多 Swift 與 Coding 知識 Swift Package 切模組技巧 Package manifest 照 compiler 切版本 Swift Concurrency Swift Macros Swift Observation dynamicMememberLookup Algebraic Data Type
72. 13@iPlayground2024 看起來很多 但不要被嚇到
73. 13@iPlayground2024 😰 不對，你應該已經被嚇到了
74. 13@iPlayground2024 🍽 請搜尋「iOS 開發配飯吃」🍚
75. 13@iPlayground2024 🤩 學習應該是快樂的 先輕鬆地看 有興趣再學
76. 13@iPlayground2024 Why TCA? Reason 1
77. 13@iPlayground2024 🙆 有使 用 過 TCA 嗎？ 是 1.0 以後的版本嗎？
78. 13@iPlayground2024 🙆 之後的專案 你還會選擇使 用 TCA 嗎？
79. 13@iPlayground2024 🕳 UI Taipei iOS Team 三年以上實際踩坑經驗 上架 2 個中型 App 100% SwiftUI + TCA
80. 13@iPlayground2024 👉 下個專案，依然會選擇 SwiftUI + TCA
81. 13@iPlayground2024 TCA 現在的版本好 用 了嗎？ 最新版本 v1.15.2
82. 13@iPlayground2024 1.0 正式版 1.4 Macros 1.7 Observations 1.10 Sharing State 1.13 UIKit Navigation 1.15 Concurrency Ready
83. 13@iPlayground2024 個 人 認為唯 一 明顯缺點 Macros 需要 SwiftSyntax Clean Build 被拖慢
84. 13@iPlayground2024 😋 已入坑， 小 孩愛吃，會再回購
85. 13@iPlayground2024 Why TCA? Reason 2
86. 13@iPlayground2024 🚦 「TCA 的 T 是 Testable」
87. 13@iPlayground2024 測試重要在哪 怎麼做測試才合理 是個 人 在職涯中 自 己 領悟來的 別 人 無法輕易說服
88. 13@iPlayground2024 至 於我 我很在意邏輯有沒有測試到
89. 13@iPlayground2024 😎 TCA 可以很輕鬆地測試 完整的流程
90. 13@iPlayground2024 Code 好讀 Code Review 很容易抓重點
91. 13@iPlayground2024 TDD
92. 13@iPlayground2024 🚥 寫 TCA 不寫測試就太浪費了
93. 13@iPlayground2024 Why TCA? Reason 3
94. 13@iPlayground2024 👮 狀態的集中管理 （原 生 SwiftUI 不好做）
95. 13@iPlayground2024 🧩 Composable 可組合的
96. 13@iPlayground2024 🎤🎸🎷🎺🎹 團隊分 工 優勢
97. 13@iPlayground2024 Why TCA? Reason 4
98. 13@iPlayground2024 👽 外部依賴的管理
99. 13@iPlayground2024 邏輯的世界是單純的 現實的世界是複雜的
100. 13@iPlayground2024 系統狀況 網路狀況 / Server 狀況 API 回傳值 使 用 者權限 ......
101. 13@iPlayground2024 Swift Dependencies https://github.com/pointfreeco/ swift-dependencies
102. 13@iPlayground2024 Why TCA? Reason 5
103. 13@iPlayground2024 🤖 非常結構化，有利於 AI 輔助 工 具 做 Suggestion / Completion
104. 13@iPlayground2024 Summary Why SwiftUI? Why TCA?
105. 13@iPlayground2024 Why SwiftUI? 1. 🤪可以罵 SwiftUI 2. 🙋個 人 興趣與社群氛圍 3. 🛒非 UIKit 思考 方 式、前端趨勢 4. 💡Preview 快速回饋的開發哲學 5. 🙏Only SwiftUI Can Do
106. 13@iPlayground2024 Why TCA? 1. 😋已入坑， 小 孩愛吃，會再回購 2. 🚥能輕鬆寫出很關鍵的測試 3. 👮狀態集中管理 + 可組合 4. 👽優秀的外部依賴管理能 力 5. 🤖適合搭配 AI 工 具
107. 13@iPlayground2024 適合團隊 一 起入坑 歡迎來玩
108. 13@iPlayground2024 謝謝聆聽 ㊗ 祝你有個愉快的 iPlayground
109. 13@iPlayground2024 📺 YouTube 搜尋 「iOS 開發配飯吃」
110. 13@iPlayground2024 ㊙ iOS Developer+ 會員 https://iosdeveloper.plus 13 的獨家 iOS 開發經驗分享