去除 try/catch,實作簡潔的 Async 和 Await!

Async 和 Await 提供一種語法糖來撰寫非同步程式碼而看起來很像是同步的樣子,而在這之前若想實作非同步都是使用 callback 或 promise 的方式,產生的問題不外乎是難以閱讀的 callback hell。但,用了 Async 和 Await 就真的能讓程式碼更精簡流暢嗎? ( •́ _ •̀)?

promise async await ES6 javascript


函數式程式設計 | Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇 閱讀筆記

本文為「Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇」第 6 章「函數式程式設計」的閱讀筆記。

Clean Architecture 無瑕的程式碼 Clean Code functional programming 閱讀筆記


物件導向程式設計 | Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇 閱讀筆記

本文為「Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇」第 5 章「物件導向程式設計」的閱讀筆記。

Clean Architecture 無瑕的程式碼 Clean Code OOP 物件導向程式設計 閱讀筆記


使用 Jest 對 Redux 做單元測試 - Reducer 篇

使用 Jest 對 Redux 的 reducer 做單元測試的簡單記錄。

Jest redux Unit Test 單元測試 自動化測試


在家工作的小感想

過年後公司開始讓各部門自行決定在家工作的模式(人員分組、天數等),而大約從確診人數破百的一兩天後,我所在的部門即決定開始全員WFH(work from home,在家工作)。實行至今約兩週,來記錄一些優缺點和想法。

職涯 生活 趨勢科技 Trend Micro


使用 Jest 對 Redux 做單元測試 - Action 篇

使用 Jest 對 Redux 的 action 做單元測試的簡單記錄。

Jest redux redux-mock-store redux-thunk Unit Test


Start your app the better way with Styled System

本文主要由此投影片「Start your app the better way with Styled System」之講稿改寫。本文會從 CSS 歷史開始談起,接著會來看過去我們在使用元件庫上遇到的問題,以及怎麼使用 Styled System 來解決這些問題。

styled-system styled-components CSS Modules CSS in JS BEM