技術 [Day 21] Hooks 模式

今天要介紹的是 React 的 Hook 模式，嚴格來說 Hooks 不一定是一種設計模式，但它可以替代很多傳統的設計模式。介紹 Hooks 前，先來看看 R...

技術 Day10-React Hook 篇-打造自己的 Hook：Custom Hook

經過前面幾天的介紹，我們認識了許多常使用的 hooks，不過除了那些 hooks 之外，我們也可以將一些常用的共同程式邏輯抽取出來寫一個函式，這就是 Custo...

技術 Day12 | React 的快樂小夥伴 - Redux 資料管理篇

前言 Redux 是一個全域的資料管理工具，更簡單來說， 就是能替你管理整個網站需要的 State， 所有的資料都能放在 Redux，需要資料的 Compone...

技術 Day11 | 你有傳送門，我有 useContext！

前言 useContext 是能夠讓程式變得簡潔的利器，Component 不再需要經過一層一層的 Props 傳遞，便能直接使用在需要它的 Component...

技術 Day09 | 掌管 Lifecycle 和一切作用的 useEffect

前言 Lifecycle 被稱為生命週期，在 Component 中，我們可以大致把生命週期分成三個： Component Render 完畢。 Compon...

技術 Day08 | Function Component 的 State 在哪裡

前言 本篇主要會說明，在 Hooks 讓 Function Component 具備 State 後，該如何使用及設置。 前置準備 文中的專案會以 Day0...

達標好文 技術 [Day 03 - 計數器] 用原生 JavaScript 做一個簡單的計數器

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

技術 Day07 | 從 Hooks 開始的 Component 新生活

前言 本篇會開始提及 React 本身的基本用法和使用觀念，大概會提個三四篇，和去年不同的是，所有範例都會使用 Hooks ，如果有任何問題再麻煩留言告訴我，謝...

達標好文 技術 [Day 02] React 中一定會用到的 JavaScript 語法

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

達標好文 技術 [Day 01] 沒學過 React 可以從 Hooks 開始嗎？

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...