在現實開發中，有許多因素和習慣會成為 Clean Code 的「敵人」。這些「敵人」通常會導致程式碼難以理解、難以維護、出錯率高，最終影響團隊的開發效率和軟體的品質。

傳統 API Data Fetching 經常需要依賴 state、redux 管理狀態，同時也要為效能優化去實作，如：Cache、Revalidate、Asynchronous、Dependent Fetching 等機制，但這些都可以透過 SWR 來簡化。

錯誤處理對開發者一直都是門課題，不論系統穩定性或使用者體驗都十分重要。而在 React 16 中引入了 Error Boundaries 能夠用來捕捉渲染錯誤進而導致頁面崩潰的問題。

近期工作換到 MacOS 上開發，也因此接觸到 Homebrew。除了是開源之外，Homebrew 也非常容易透過 CLI 來安裝各種 Package，當需要換開發環境時，也能夠整包匯出帶到新的環境。

最近面了各種 Jr. SE 的缺，有 Frontend、Backend 相關，所以想分享一下最近面試初期、中後期遇到的各種問題、面試流程，以及面試前到底應該準備什麼。

Generics 泛型是一種高靈活性定義行為或結構的一種方法，當你定義了不重複但有相似內容的結構時，泛型是個很好的選擇，而 JS 本身並不支援泛型，直到 TS 出現才引入泛型的特性。

在 Redux Toolkit 出現前，使用 Redux 頻繁操作 state 是一件相對麻煩的事情，而 Redux Toolkit 的出現簡化了重複性流程，也提供了一些 API 減少重複性質的程式碼。

平時在撰寫 React 最常做的動作不外乎就是建立元件、匯入 Hook 或其他 lib，本篇分享幾個快捷鍵加快開發的小技巧，另外也會提到幾個快捷鍵重寫變數、快速調整程式碼排版等等。

SOLID 是一組通用的軟體設計原則，當系統規模不斷擴大時，維護和擴充的工作會越來越困難，而 SOLID 能引導開發者設計更靈活、更易於維護與擴充的軟體架構。

Throttle 也是一種常見的效能優化方式，與 Debounce 類似，但不同的地方在 Throttle 能確保一個函式在一段時間內只會觸發一次，無論該函式被呼叫幾次。