如何通过 TanStack Query 构建更好的前端数据获取体验
先前文章提到：如何优雅的于 Vue 正确的处理资料载入点出了一些获取外部资料延伸带来的问题与实际解方，这次我想透过 TanStack Query 的视角挖掘怎么建构更好的前端资料获取体验。本篇教学继续延续使用 Vue 框架，不过概念对主流框架基本相通。
先前文章提到：如何优雅的于 Vue 正确的处理资料载入点出了一些获取外部资料延伸带来的问题与实际解方，这次我想透过 TanStack Query 的视角挖掘怎么建构更好的前端资料获取体验。本篇教学继续延续使用 Vue 框架，不过概念对主流框架基本相通。
TypeScript type definition files are often created as a global type.ts file, but this can cause confusion as projects grow.
TypeScript 型別定義檔案通常就是在全局創個 type.ts 檔案並把所有型別丟裡頭，隨處都能引用很方便，但很多專案初期沿用的習慣到了一定規模就會開始混亂，近期也遇到相關的問題因此研究一下一般有哪些方式管理型別檔案。
TypeScript 型别定义档案通常就是在全局创个 type.ts 档案并把所有型别丢里头，随处都能引用很方便，但很多专案初期沿用的习惯到了一定规模就会开始混乱，近期也遇到相关的问题因此研究一下一般有哪些方式管理型别档案。
"Writing code is like building a church; once it's done, we start praying." and feature flags are a great technique to manage the risks.
還記得之前參與某個專案使用 Git Flow 的方式管理產品發布，但隨著時間過去它與持續進行中的主支線差距越來越大，也是在那次問題之後我更認可 Trunk Based Development 流程的概念，其中提到 Feature Flag 是一種很好的技巧用來降低推送功能的風險與控制程度。
还记得之前参与某个专案使用 Git Flow 的方式管理产品发布，但随着时间过去它与持续进行中的主支线差距越来越大，也是在那次问题之后我更认可 Trunk Based Development 流程的概念，其中提到 Feature Flag 是一种很好的技巧用来降低推送功能的风险与控制程度。
When there's a change of only 10 lines, one can carefully check the comments; with 1000 lines, everything is LGTM (Looks Good to Me)!
當只有 10 行代碼改動還可能會細心檢查留言，當有 1000 行改動一切都 LGTM（Looks Good to Me）！要讓人好好集中精神盯著幾千行的代碼改動本身就是很難得的事，身為提交的一方，有沒有可以改善審核效率的方式？或許能試試看 Stacked PR。
当只有 10 行代码改动还可能会细心检查留言，当有 1000 行改动一切都 LGTM（Looks Good to Me）！要让人好好集中精神盯着几千行的代码改动本身就是很难得的事，身为提交的一方，有没有可以改善审核效率的方式？或许能试试看 Stacked PR。
If you are considering building a Tailwind-based component library, this article is worth a read. It examines the current frontend environment and challenges.
如果你在考慮建立基於 Tailwind 的元件庫這篇文章值得一看，探討當下前端環境背景與 UI 擴充難題與問題是如何保持元件彈性點出 Shadcn 如何成為 2025 最熱門的 Tailwind 元件解決方案，正巧最近又在導入 Vue Shadcn 就來更齊全的回顧這項工具。
如果你在考虑建立基于 Tailwind 的元件库这篇文章值得一看，探讨当下前端环境背景与 UI 扩充难题与问题是如何保持元件弹性点出 Shadcn 如何成为 2025 最热门的 Tailwind 元件解决方案，正巧最近又在导入 Vue Shadcn 就来更齐全的回顾这项工具。
E2E testing often mentions two options: Cypress and Playwright, both of which I've tried. While I prefer Playwright overall, there are more factors to consider.
在網頁提到 E2E 測試通常有 Cypress 與 Playwright 兩種選項，而兩種測試工具我都嘗試過。單論整體開發體驗來說我更喜歡 Playwright，不過還有更多可以考慮的要素在選擇合適的測試工具，紀錄我會在意的細節與選擇原因。