Coding By
COLORS
From SSR to CSR to SSR Again
在PHP/JSP/ASP大行其道的年代，Server Side Render是業界主流。到了Ajax以及前端框架的興起，潮流工程師紛紛稱頌起Single Page Application及Client Side Render的好處。又過了一兩年，B2C產業群起倡議SSR的重要性。究竟是什麼原因，推著碼農在浪潮中兜兜轉轉呢？
令牌御三家 - cookie, session, jwt
Server就像是戒備森嚴的銀行金庫一樣，不論你在這間銀行有沒有戶頭，走進去出示「號碼牌」、「令牌」總是免不了的。若要方便出入銀行，前端就該好好保管令牌，了解令牌究竟能儲存在什麼地方？
建立Gatsby網誌搭配TypeScript
Gatsby生態系對於用markdown寫部落格非常友善，官方有提供boilerplate讓大家快速架站。但若要搭配Typescript，則需要對boilerplate作進一步設定
Detect Scroll Direction With React Hook
「偵測使用者向上/向下滾動」的功能也不是第一次做了，但從Class Component思維轉換到Hook思維卻卡了一陣子...
小朋友下樓梯開發紀錄 2
Document the proccess of making a replica NS-Shaft(so-called "Children Go Down the Stairs") by HTML5 canvas. This article focused primarily on how to animate a sprite on canvas, then embed one canvas into another.
小朋友下樓梯開發紀錄 1
Document the proccess of making a replica NS-Shaft(so-called "Children Go Down the Stairs") by HTML5 canvas. The first article mainly focus on the lifecycle of rendering and how I created elements by JS classes.
Prop Getters and Render Props
僅是一個小小的元件，一個span或一個div，都要用Consumer包起來嗎？到處建立Context會不會很難管理？因此，以function作為children（Function as children），是個更有彈性的選擇
Function as children
僅是一個小小的元件，一個span或一個div，都要用Consumer包起來嗎？到處建立Context會不會很難管理？因此，以function作為children（Function as children），是個更有彈性的選擇
Compound Components
工作上收到設計稿時，我習慣先和組員討論，哪些元件有可能會被重複使用？由於最近上頭同意大幅重構，在後台系統的頁面有87%元件是相似的情況下，同事組裝元件的方式也大同小異，他們希望我為主畫面設計一個Template，減少拼裝元件的時間。
不用跟Redux連接的Component
先寫測試程式，然後才實作功能，是最近發起的一種程式開發思維。無論是否百分之百實行測試驅動開發(TDD)，程序猿可以從中學習到如何撰寫好的自動化測試，怎樣設計軟體可以更模組化、更容易擴充，以及設計出好用的 API 介面。