AndyWang′s Blog
About Archive

  • Enemy of Clean Code

    2024年11月10日
    Clean Code
    心得 • Performance

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

  • Using SWR for Better Data Fetching

    2024年10月16日
    React
    Notes • React • SWR

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

  • Handling Errors Gracefully in React

    2024年10月14日
    React
    Notes • React • ErrorBoundary

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

  • Homebrew 打造簡潔優雅的開發環境

    2024年10月5日
    Package
    Notes • Homebrew • Package

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

  • Junior 軟體工程師面試心得

    2024年9月24日
    心得
    心得 • Junior • Frontend

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

  • TypeScript 之 Generics 泛型

    2024年9月20日
    TypeScript
    Notes • TypeScript • Generics

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

  • Redux Toolkit (RTK) 簡化狀態管理

    2024年9月5日
    React
    Notes • React • Redux

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

  • React 開發上的小技巧

    2024年8月12日
    React
    Notes • React

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

head shot

Andy Wang

Web Developer

Taiwan, Hsinchu City

Articles

38

Tags

44

Categories

19

Follow Me

Recent Posts

  • Claude Code CLI:真正的 AI 開發代理人

    2025年8月7日
  • Leetcode 326. Power of Three

    2025年7月20日
  • 關於 cherry-pick 時機與常見誤區

    2025年5月30日
  • Build Your Own Cursor Rules

    2025年4月29日
  • 為系統升級 Linter: ESLint v8 to v9

    2025年4月20日

Categories

  • 心得  (6)
  • Conferences  (1)
  • Cursor  (1)
  • CSS  (2)
  • React  (5)
  • Clean Code  (2)
  • Package  (1)
  • Kubernetes  (1)
  • Docker  (1)
  • TypeScript  (4)
  • Testing  (1)
  • JavaScript  (5)
  • Leetcode  (1)
  • Astro  (2)
  • Algorithm  (1)
  • HTML  (1)
  • Data Structure  (1)
  • Jekyll  (1)
  • Git  (1)

Tag cloud

  •  Retro 
  •  Life 
  •  AI 
  •  心得 
  •  Cursor 
  •  Cursor Rules 
  •  CSS 
  •  Notes 
  •  Claude 
  •  React 
  •  Performance 
  •  Homebrew 
  •  Package 
  •  Junior 
  •  Frontend 
  •  Kubernetes 
  •  Deployment 
  •  MECE 
  •  Docker 
  •  ErrorBoundary 
  •  Redux 
  •  TypeScript 
  •  Generics 
  •  SWR 
  •  Vitest 
  •  Unit Test 
  •  Enums 
  •  map 
  •  jQuery 
  •  JavaScript 
  •  Leetcode 
  •  Algorithm 
  •  Data Structure 
  •  Blog 
  •  DP 
  •  Recursion 
  •  HTML 
  •  Complexity 
  •  Asynchronous 
  •  Compatibility 
  •  Linter 
  •  OOP 
  •  SOLID 
  •  Git 
  • << Previous
  • Next >>

Copyright © 2021-2025 AndyWang.

MapleStory and all related images are © Nexon Corporation.