Mike Huang

Pinned

Mike Huang
in
麥克的半路出家筆記

[筆記] 認識 OAuth 2.0：一次了解各角色、各類型流程的差異

一次認識 OAuth2.0 的概念、不同的 OAuth 類型流程，與流程中不同的角色作用和關係。實用的相關資源也將在本篇末提供給大家！

19 min readMay 8, 2023

Pinned

Mike Huang
in
麥克的半路出家筆記

三人團隊從零打造「美食預定」電商平台

九個月前，我走上了轉職工程師的道路，過去從學期一開始探索程式的樂趣、在學期二學習前端技術、學期三實作後端作品後，很快的，走到了最後一學期的尾聲，也是我最期待的重頭戲 — 與團隊協作，共同發想與打造一個完整的產品。

15 min readMar 3, 2023

Mike Huang
in
麥克的半路出家筆記

[筆記] 透過 React Router實作路由保護機制

本篇使用 React Router 透過一個簡單的「線上購物網站」實作「路由保護機制」：從簡單的版本，逐步優化到更進階且更好維護的版本。

14 min readFeb 26, 2023

Mike Huang
in
麥克的半路出家筆記

[筆記] ES2020 可選串連運算子 Optional chaining (?.)

透過使用 ES2020 可選串連運算子 Optional chaining (?.) 幫助你在處理「巢狀結構的物件」能寫出更簡潔和安全的程式碼！

12 min readFeb 20, 2023

[筆記] ES2020 可選串連運算子 Optional chaining (?.)

Mike Huang
in
麥克的半路出家筆記

[筆記] ES2020 空值合併運算符 Nullish Coalescing Operator

ES2020 推出的「空值合併運算符 Nullish Coalescing Operator」相比過去常用的 Logical Operator（邏輯運算子）在實作 Short Circuit 時，讓開發者能更輕鬆的撰寫程式碼，也讓程式碼更不容易出錯！

9 min readFeb 10, 2023

[筆記] ES2020 空值合併運算符 Nullish Coalescing Operator

Mike Huang
in
麥克的半路出家筆記

[筆記] React 效能優化：透過 React.memo 、useMemo 和 useCallback

本篇將介紹 React.memo、useMemo 和 useCallback 的使用情境，以及如何透過這些方法來優化上述提到的相關效能問題。

12 min readAug 30, 2022

[筆記] React 效能優化：透過 React.memo 、useMemo 和 useCallback

Mike Huang
in
麥克的半路出家筆記

以 JavaScript 實作 Debounce 提升應用程式效能（與搭配 immediate 的額外應用）

網頁前端效能優化：透過範例深入了解 Debounce 與如何透過 JavaScript 實作。另外，也介紹搭配 immediate 的應用與詳細展示。

10 min readAug 13, 2022

以 JavaScript 實作 Debounce 提升應用程式效能（與搭配 immediate 的額外應用）

Mike Huang

編輯您好，歡迎轉載，但需要麻煩標注原文作者及出處連結，感謝！

1 min readJul 20, 2022

Mike Huang

Thanks Rajen! That is a super helpful tool!

1 min readApr 25, 2021

Mike Huang
in
麥克的半路出家筆記

[筆記] Why React?

本篇分享「為什麼要使用 React 及 React 的特性有哪些」——筆者透過 Complete React Developer in 2021 (w/ Redux, Hooks, GraphQL) 課程自學 React 的筆記及心得分享。

10 min readMar 21, 2021

[筆記] 認識 OAuth 2.0：一次了解各角色、各類型流程的差異

一次認識 OAuth2.0 的概念、不同的 OAuth 類型流程，與流程中不同的角色作用和關係。實用的相關資源也將在本篇末提供給大家！

三人團隊從零打造「美食預定」電商平台

[筆記] 透過 React Router實作路由保護機制

本篇使用 React Router 透過一個簡單的「線上購物網站」實作「路由保護機制」：從簡單的版本，逐步優化到更進階且更好維護的版本。

[筆記] ES2020 可選串連運算子 Optional chaining (?.)

透過使用 ES2020 可選串連運算子 Optional chaining (?.) 幫助你在處理「巢狀結構的物件」能寫出更簡潔和安全的程式碼！

[筆記] ES2020 空值合併運算符 Nullish Coalescing Operator

ES2020 推出的「空值合併運算符 Nullish Coalescing Operator」相比過去常用的 Logical Operator（邏輯運算子） 在實作 Short Circuit 時，讓開發者能更輕鬆的撰寫程式碼，也讓程式碼更不容易出錯！

[筆記] React 效能優化：透過 React.memo 、useMemo 和 useCallback

本篇將介紹 React.memo、useMemo 和 useCallback 的使用情境，以及如何透過這些方法來優化上述提到的相關效能問題。

以 JavaScript 實作 Debounce 提升應用程式效能（與搭配 immediate 的額外應用）

網頁前端效能優化：透過範例深入了解 Debounce 與如何透過 JavaScript 實作。另外，也介紹搭配 immediate 的應用與詳細展示。

編輯您好，歡迎轉載，但需要麻煩標注原文作者及出處連結，感謝！

Thanks Rajen! That is a super helpful tool!

[筆記] Why React?

本篇分享「為什麼要使用 React 及 React 的特性有哪些」——筆者透過 Complete React Developer in 2021 (w/ Redux, Hooks, GraphQL) 課程自學 React 的筆記及心得分享。

ES2020 推出的「空值合併運算符 Nullish Coalescing Operator」相比過去常用的 Logical Operator（邏輯運算子）在實作 Short Circuit 時，讓開發者能更輕鬆的撰寫程式碼，也讓程式碼更不容易出錯！