iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Re: 新手讓網頁 act 起來 系列

希望能夠藉由鐵人賽,來記錄一下學習 React 的過程。

鐵人鍊成 | 共 30 篇文章 | 19 人訂閱 訂閱系列文 RSS系列文
DAY 11

Re: 新手讓網頁 act 起來: Day11 - React Hooks 之 useState (2)

在上一篇介紹了使用 hooks 的基本規則,以及 useState 的使用方式。今天來針對 initialValue 以及 setState 再做了解。 Pas...

2021-09-26 ‧ 由 Will 分享
DAY 12

Re: 新手讓網頁 act 起來: Day12 - React hooks 之 useEffect

昨天我們介紹完 React 最常用的 useState hook,今天就來聊聊在第二常用的 useEffect hook 吧! 根據官網的說明,useEffec...

2021-09-27 ‧ 由 Will 分享
DAY 13

Re: 新手讓網頁 act 起來: Day13 - Hook Flow

前言 昨天在介紹 useEffect 的時候有提到 useEffect 中的執行順序,今天就再做進一步的觀察,來加深對於 useEffect 在 Compone...

2021-09-28 ‧ 由 Will 分享
DAY 14

Re: 新手讓網頁 act 起來: Day14 - Lift state

前言 剛學習 React 的時候,一定會碰到一個小問題,就是當我們有個值需要存在在兩個元件之間,該怎麼處理? 而這個問題的答案很簡單就是將 State 提升,今...

2021-09-29 ‧ 由 Will 分享
DAY 15

Re: 新手讓網頁 act 起來: Day15 - 探索 useState (1)

前言 經過前面幾篇基礎介紹,應該對 useState 與 useEffect 有一定程度的認識,俗話說:「打鐵要趁熱」,再繼續介紹其他的 Hooks 之前,這兩...

2021-09-30 ‧ 由 Will 分享
DAY 16

Re: 新手讓網頁 act 起來: Day16 - 探索 useState (2)

昨天我們成功的完成一個超簡略版的 myUseState ,今天就讓我們再來把它寫完整一點吧! let newStateValue function myUse...

2021-10-01 ‧ 由 Will 分享
DAY 17

Re: 新手讓網頁 act 起來: Day17 - 探索 useEffect

昨天介實作一個陽春的 useState ,今天來換 useEffect 吧!透過實作來幫助我們以後在寫這兩個 hooks 的時候,能夠更有畫面! myUseEf...

2021-10-02 ‧ 由 Will 分享
DAY 18

Re: 新手讓網頁 act 起來: Day18 - React Hooks 之 useRef

前言 探索完 useState 與 useEffect ,今天就讓我們回來繼續介紹其他的 React hooks 吧! 當我們剛開始使用 React 的時候,相...

2021-10-03 ‧ 由 Will 分享
DAY 19

Re: 新手讓網頁 act 起來: Day19 - React Hooks 之 useReducer

前言 如果有接觸過 Redux 的話,應該會對這個 hook 有親切感。如果是像我一樣沒有接觸的話也沒關係,其實可以把 useReducer 想像成另一種 us...

2021-10-04 ‧ 由 Will 分享
DAY 20

Re: 新手讓網頁 act 起來: Day20 - React Hooks 之 useContext 與 createContext

前言 在之前 Lift state 的文章有提過,當我們有兩個元件須共用到同一個 state 會將 state 提升然後再向下傳給需要的元件。那如果說不只兩個,...

2021-10-05 ‧ 由 Will 分享