Front-end Development

Facade Pattern 也很如其名，就是為這些東西的互動建立一個外觀，讓使用時只看到被建立的外觀，而不會分心於內部操作的複雜度。套一句在讀書會時，朋友的精闢結論： 「其實 Facade Pattern 就是封裝」 Facade Pattern…

Hi！大家好，我是神 Q 超人！終於又寫回開源專案讀起來系列啦，繼上次的圈圈叉叉後，這次選的主題也是做為練習對象很常見的計算機！就我剛剛在 GitHub 搜尋，光是用 JavaScript 寫了計算機的 repositories 就有 15…

Hi！大家好，我是神 Q 超人！在這篇文章中介紹了三個重構的方式，除了這三個之外，在文章裡的重構步驟中，可能也有包含一些簡單的重構技巧，像是 Replace Constructor with Factory Function 建立統一取得相同物件的來源，或是修改變數名稱的

當你的需求要求你將資料組成一個類似 tree 的結構時，就可以利用 composite pattern 將 tree 的各個部分組合，在組合好後，即使不理解當前的 tree 裡到底長什麼樣子，也能直接透過 tree 的 root 來操作或取得整體的行為或資料。

Hi！大家好，我是神 Q 超人！在這篇文章裡，會先介紹 binary tree 的資料結構，與如何使用 JavaScript 實作，最後一樣會挑幾題演算法來練練手，學習一下和 Tree 結構形影不離的深度搜尋法（DFS，Depth-first…

Hi！大家好，我是神 Q 超人！我想點進來的大家應該都聽過，也在瀏覽器或 Node.js 上執行過 JavaScript，但你們有想過 JavaScript 是如何執行的嗎？這背後的功臣就是 JavaScript 引擎，而標題提到的 V8 引擎 也是其中之一喲！

Hi！大家好，我是神 Q 超人！前一陣子滿幸運的可以參與到公司規劃的一些新的專案，而為了這些新的專案，我們需要把可能會重複用到的使用介面切成 component…

Hi！大家好，我是神 Q 超人！今天想要來介紹設計模式中的 Proxy Pattern（代理者模式）。在日常生活中，我們有可能會因為許多原因，沒有辦法直接和對方談話，於是就會透過他的代理人或是助理傳達訊息（就像廠商如果要找藝人合作，就得透過經紀人一樣）。

在 React 的世界中有分 Controlled Component 以及 Uncontrolled Component，本篇文章除了介紹這兩種 component 外也會介紹一些常用的 form 套件是如何控制其底下的 component。

非官方鐵人賽排行榜，快速瀏覽有興趣的主題

Hi！大家好，我是神Q超人！ React Native 主打可以用貼近開發 Web 的語法去寫手機 APP，但其實真正開發起來面臨到的坑還是挺多的。這篇文章要分享的絕對定位就是在 React Native…

最近到新公司後才開始接觸鼎鼎有名的 GraphQL，以前總聽到使用 GraphQL 後可以讓前端開發者在串接資料上更為方便，也可以解決一些 over fetching 或 under fetching 的問題，自己花了一定的時間從 0…

Stitches is a lightweight, performant styling library with a focus on component architecture and developer experience.

前一篇文章「成為 Software Engineer 半年後的小回顧 — 我遇到的困難與反思」有提到會減少撰寫技術文章的頻率，不過這次剛好要準備在公司內部的技術分享，想說反正都已經花時間準備簡報了，再多花一點時間寫成文章好像也不錯，所以這次應該不算是打臉自己啦！