-
不要再用 useEffect 更新 state 了!props 更新篇
React 開發者常常會用 useEffect 來更新 state,但如果是在操作有 effect 的行為之外用 useEffect 來更新 state,就很容易造成效能上的問題,這篇來講一下要如何在 props 改變時更新 state。 Worst... -
【WebConf 筆記】有限狀態機是什麼?如何使用?
[TOC]
以下是 2024 WebConf 第一場的筆記和心得,由於第一次接觸到有限狀態機這個概念,覺得相當有趣且可以實際運用在狀態管理上,來做個筆記。
-
React 底層機制:React Fiber 是什麼?
自 React v16 起,React 進行了一次重大重構,採用了 Fiber 架構,不僅顯著提升效能,還為實現 React 18 中的 Concurrent Mode 奠定基礎。那麼,究竟什麼是 Fiber?
本文基於閱讀React 開發者一定要知道的底層機制 — React Fiber Reconciler 後的筆記,整理重點並適當補充解釋。若有興趣,可以參考莫力全的原文!
-
甚麼是 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...