#reactjs
Read more stories on Hashnode
Articles with this tag
工欲善其事，必先利其器。為了方便我們後續的元件開發，我們要先做一些前置動作。 至於要不要採用以下架構，可以自行決定。 想要看完整的專案：https://github.com/kayac-chang/react-wai Turbo 建立 Turbo 建立 Monorepo Monorepo...
Introduction 這個系列會分享我這些年累積下來 React Component 的開發經驗， 也藉此機會嘗試一下我發現的新玩具。 這系列不是走理論派，我想嘗試透過實務開發再帶入理論的方式來分享這些知識。 內容會涵蓋： Monorepo 的專案架構 開發出符合 WAI...
Note: 本文並不包含 什麼是 Hydration 。 問題 如果你有寫過 Next.js 或是任意的 SSR, SSG 方案 ( 包含 vue )，你可能有遇過下圖的錯誤訊息。 或是 這類型錯誤被稱作 Hydration Mismatch Error，這也是很多工程師從純粹...
State 我們稍早之前有提到關於 React 如何辨別 element 在樹狀結構中的位置，提到 React 如何重用或是建立新的宿主實例。 宿主實例可以擁有所有類型的局部狀態：focus, selection, input...
Components 我們已經看過可以回傳 React element 的函式： function Form({ showMessage }) { let message = null; if (showMessage) { message = <p>I was just added...
了解 React 到底幫我們做了什麼？以及其背後的機制是什麼？ Host Tree 有些程式會輸出數字，有些輸出詩詞。不同的語言與他們的運行環境通常都會為了特定的目的進行優化，React 也不例外。 React 程式通常輸出的是 一個會隨時間更動的樹狀資料結構，它可以是 DOM tree，iOS...
