-
[TS] Enhancing React Views with Enums
TypeScriptNotes • TypeScript • Enums在設計元件時,面對不同的情境通常會需要撰寫各種不同的表達式。一般除了使用物件來定義之外,Enums 的寫法也是一種既優雅又高效的選擇。
-
Common Mistakes with useEffect Dependencies
ReactNotes • ReactuseEffect 作為 cleanup function,是個強大的副作用處理函式,但如果加了錯誤的依賴,可能導致效能變差,或發生無法預期的行為。此外也談談一些對 useEffect 的誤解。
-
Enemy of Clean Code
Clean Code心得 • Performance在現實開發中,有許多因素和習慣會成為 Clean Code 的「敵人」。這些「敵人」通常會導致程式碼難以理解、難以維護、出錯率高,最終影響團隊的開發效率和軟體的品質。
-
Using SWR for Better Data Fetching
ReactNotes • React • SWR傳統 API Data Fetching 經常需要依賴 state、redux 管理狀態,同時也要為效能優化去實作,如:Cache、Revalidate、Asynchronous、Dependent Fetching 等機制,但這些都可以透過 SWR 來簡化。
-
Handling Errors Gracefully in React
ReactNotes • React • ErrorBoundary錯誤處理對開發者一直都是門課題,不論系統穩定性或使用者體驗都十分重要。而在 React 16 中引入了 Error Boundaries 能夠用來捕捉渲染錯誤進而導致頁面崩潰的問題。
-
Homebrew 打造簡潔優雅的開發環境
PackageNotes • Homebrew • Package近期工作換到 MacOS 上開發,也因此接觸到 Homebrew。除了是開源之外,Homebrew 也非常容易透過 CLI 來安裝各種 Package,當需要換開發環境時,也能夠整包匯出帶到新的環境。
-
Junior 軟體工程師面試心得
心得心得 • Junior • Frontend最近面了各種 Jr. SE 的缺,有 Frontend、Backend 相關,所以想分享一下最近面試初期、中後期遇到的各種問題、面試流程,以及面試前到底應該準備什麼。
-
TypeScript 之 Generics 泛型
TypeScriptNotes • TypeScript • GenericsGenerics 泛型是一種高靈活性定義行為或結構的一種方法,當你定義了不重複但有相似內容的結構時,泛型是個很好的選擇,而 JS 本身並不支援泛型,直到 TS 出現才引入泛型的特性。