[TOC] 1. 分解條件邏輯 (Decompose Conditional) 動機： 凸顯意圖、降低閱讀複雜度 作法： 將分支中的條件邏輯抽成 函式 （Extract Function） From if (!aDate.isBefore(plan.summerStart) && !aDate.isAfter(plan.summerEnd)) charge = quantity * plan.summerRate;

1. What is Hydration 儘管 Server-Side Rendering 已經有效改善 First Content Paint 但是不一定能提高好的 Time To Interactive 網站看似好了，但實際上「Buy Now」其實還沒辦法跟 User 互動(Interactive) 原因：因為 JavaScript 還沒好 -> 還沒被載入 or 還沒被處理

Terms (1). 主題、對象、目標 Subject -> 被（大眾）觀察的對象、名人 (2). 觀察者、訂閱者 Observer, Subscriber (3). 觀察者 如何跟 主題 產生連結，開啟小鈴鐺「訂閱(Subscribe)」 觀察者選擇有興趣的主題進行訂閱 * Ken 訂閱 JavaScript Weekly * Ken 追蹤 PJCHENder網頁開發咩腳 (4). 名人藉由通知(Notify)，將新訊息傳給訂閱者 * JavaScript Weekly 每週都會發新文章連結到 Ken 的信箱

前言 身為一位優秀的 Software Engineer(SWE)，就是將自身具備軟體工程知識、商業領域知識應用到軟體開發中，並且產出優良、具有商業價值的軟體。軟體開發的過程中，總是不斷循環著決策、規劃、執行及驗收等週期。 要生產一個好的軟體，從最開始的需求探索、釐清...到實際進入開發環節時的架構規劃、介面設計、細節實作，乃至最後的驗收、驗證等一系列漫長的過程。 SWE 日常主要的工作任務包含：撰寫程式碼（實踐商業需求）、撰寫測試及除錯等；而重構一詞，經常在撰寫程式碼、測試的環節時被聽見。 重構在軟體開發中的意義是什麼？能為軟體帶來什麼更大的價值？今天就要來與大家一起探索何謂重構。 什麼是重構？