[TOC]
自 React v16 起，React 進行了一次重大重構，採用了 Fiber 架構，不僅顯著提升效能，還為實現 React 18 中的 Concurrent Mode 奠定基礎。那麼，究竟什麼是 Fiber？
-
甚麼是 unit test? unit test 介紹
最近我在重構舊專案，並為其加入測試功能，也趁著這次機會，讓我學習我不太熟悉的單元測試，從而更深入地了解測試的技術細節。
近期會在部落格上分享一些單元測試的核心觀念，並介紹一些有關 jest 和 react-testing-library 的使用方法，以便對單元測試的概念進行整理。
-
演算法學習 - Linear Search 及 Binary Search 介紹
最近在補資料結構與演算法，雖然實際在前端的工作中還沒有碰到需要使用演算法的地方，但學習資料結構與演算法，可以提升程式能力，也能為將來面試做準備。
這篇會從基礎的 Linear Search 和 Binary Search 介紹起，let’s go~~
-
【閱讀筆記】提升閱讀速度、閱讀更多書的閱讀法！＜快速抓重點，過目不忘的閱讀術＞ 心得
最近發現自己屯了一堆書，但都沒動，除了責備自己有夠懶之外，覺得應該要找個讀書法來學，就像＜通往財富自由之路＞寫的：做任何事都有一套方法論，先知道最小可行的方法，再來實踐。閱讀也一樣，因此找了這本＜快速抓重點，過目不忘的閱讀術＞。 書籍介紹 本書提出... -
www 網址 vs 非 www 網址的區別
網址有分成 www 前綴和無 www 前綴的兩種，兩種都相當常見，例如這個 blog 就是有 www 前綴的，而像 https://hackmd.io/ 就沒有。 那這兩種網址究竟有什麼差別呢？好處壞處分別是？對 SEO 有什麼影響呢？以下紀錄一下 ... -
lazy loading 的圖片或 iframe，什麼時候開始 loading？
在可視區範圍外的圖片或 iframe ，通常會加上 loading: "lazy" 的屬性做 lazy loading，避免在一開始網頁載入時就去拿取圖片和 iframe 的資料，直到進入可視區後才會載入。 這時我就好奇了，laz... -
next.js 13 - Data Fetch 策略
今天要接著介紹網頁開發很重要的一環， data fetch。很多時候我們開發功能時，往往需要從外部拿取資料，要如何拿取資料就是很重要的問題。這一篇會來介紹如何在 next 13 裡做 data fetch，以及一些要注意的地方。 4 種 data f... -
next 13 - components render 機制
前面做了關於 client component 以及 server component 的基本介紹，這一篇來介紹一下他們背後的 render 機制。 新的 render 機制有那些好處? 使用 server side 的功能 前面介紹 server... -
next.js 13 - server component
昨天介紹了 client component，今天要介紹 next 13 推出的新功能: server component。 server component 可以讓開發者在 server 上執行 js code，不用打包到 client 端再執行，... -
next 13 - Client Component
今天要來介紹 client component 的用法，其實 client component 就是過去 next 12 常用的 component，功能上大同小異，有用過 next 的讀者應該都相當熟悉。 不過 next 13 還是動了些手腳，因此...