v-taiwan Meetup #5
這是由 Vue Taiwan 主辦的 v-taiwan Meetup #5
歡迎所有對前端有興趣的朋友來參加，一起學習、和其他開發者交流！
Session 1．來造一個下拉選單的輪子
「不要重造輪子」是工程師再熟悉不過的忠告。
但如果你從來沒有親手拆過一顆輪子，又怎麼會知道它為什麼是圓的？
下拉選單可能是你使用過上百次，卻最容易被低估的 UI 元件！
點擊、展開、選擇——不過三個動作，好像沒什麼難的。
直到自己從零實作，才發現事情怎麼跟想像中完全不一樣？
講者 竹子 會帶大家：
親手造一顆屬於自己的下拉選單，在過程中真正把它看懂！
拆解那些開源套件默默幫你搞定的魔鬼細節。
造過一次你會發現：原來這麼一顆小輪子，水這麼深！
適合對象： 具備前端開發經驗，想深入理解 UI 元件設計與底層細節的資深開發者。
講者介紹：竹子
Session 2．從 Pinia Action 到 Async Resource：重新思考 Vue 應用中的非同步 Ownership
在 Vue 應用中，處理非同步任務通常很直覺：
你可以直接在 component 裡 fetch data、抽成 composable、放進 Pinia action，或交給 TanStack Query 管理 server state。
但當應用逐漸變複雜，問題就不再只是「資料要怎麼更新畫面」，而是 async work 本身的語意邊界：
它到底是 Query、Mutation、Stream，還是某個 Effect 的結果？
講者 Luciano 將從 Vue 開發者熟悉的 async patterns 出發，帶大家一起討論：
純 Vue、Pinia action 與 TanStack Query 在實務中各自解決了哪些問題？
哪些情境會遇到 cache、invalidation、manual sync、reactive domain boundary 的問題？
也會分享開發 signal-kernel 時的思考：如果 async resource 本身能成為 reactive graph 裡的一等原語，前端架構是否能更清楚地描述 source state、derived state、effect 與 UI consumer 之間的關係。
適合對象：
具備 Vue / Composition API 基礎，並曾在專案中使用 Pinia、Composable 或 TanStack Query 處理非同步資料流的前端開發者。
內容偏中階至資深，適合對前端架構、狀態管理、資料流 ownership、async / cache invalidation 與 reactivity design 有興趣的人。
講者介紹：Luciano Lee
主要使用 TypeScript、React、Vue 建構前端應用。
長期研究前端資料流、狀態管理、fine-grained reactivity、async resource 與跨框架 reactive architecture。
嘗試將 source state、derived state、effect 與 async resource 抽象成 framework-independent reactive graph。
關注 Vue、Solid、React 等不同 reactivity model 在大型應用中的架構邊界與 ownership 問題。
Session 3．一段程式碼，到底該放哪裡？從 Feature-based 到 Feature-Sliced Design
「一段程式碼，到底該放哪裡？」
聽起來只是資料夾怎麼分的小事，卻往往決定了一個專案未來是否容易重構、容易協作，甚至是否容易讓 AI 理解！
講者 一隻狐狸 將帶大家從前端架構的演進出發：
分享對 FSD 的理解，以及如何逐步導入到專案中！
分享在 AI 輔助開發下，怎麼結合官方 Skill 與 Linter，讓架構規則不只存在於文件裡，還能被工具理解與驗證，協助團隊建立可持續演進的專案架構。
適合對象： 在意專案架構、模組邊界與長期可維護性的資深開發者。
講者介紹：一隻狐狸
約五年前端開發經驗，負責前端架構、技術選型、專案骨架與開發規範，也在不同團隊推動重構與工程流程改善。
關注如何透過清楚的模組邊界與可驗證的規則，讓前端專案更容易理解、協作與持續演進。
活動流程
13:30 – 14:00．活動報到
14:00 – 14:10．開場
14:10 – 14:50．Session 1.竹子
14:50 – 15:00．Q & A
15:00 – 15:40．Session 2.Luciano Lee
15:40 – 15:50．Q & A
15:50 – 16:10．中場休息
16:10 – 16:50．Session 3.一隻狐狸
16:50 – 17:00．Q & A
17:00 – 17:25．閉幕
17:25 – 17:30．大合照
17:30 – 18:00．自由交流
活動資訊
日期：
2026/8/15 (六)時間：
14:00 – 18:00報名費： 600 元現場收取（社群性質，恕無法開立發票）
活動場地
地點：Red space 多元商務空間 Space B
地址：台北市松山區復興北路 15-2 號 B1
捷運：南京復興5號出口，往復興北路方向步行 1 到 3 分鐘
公車：可搭乘至南京復興或長安國小站，再步行前往
主辦單位