iT邦幫忙

鐵人檔案

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

前端菜鳥的react初體驗 系列

剛出道的前端工程師,希望能透過鐵人賽督促自己好好地把React學習一次,
也希望梳理自己的學習歷程,如果有一個人因為我的文章有所收穫,那就太值得了。

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

前端菜鳥的react初體驗 Day11-資料綁定(2)

昨天我們將資料渲染到頁面上,但說了有個重要的地方沒有提,就是Key。 KEY 通常看到一個新東西,就是要先問: 這是甚麼? 這要拿來幹嘛? 為什麼要這個東西?...

2022-09-26 ‧ 由 chin_frontend 分享
DAY 12

前端菜鳥的react初體驗 Day12-表單與ref

(確診第三天,感覺自己要把google上面寫的症狀都經歷一輪了,哭) 還記得我最初學前端的時候,我覺得重點就是把網頁切得美美的,表單甚麼的,看起來如此無趣就先算...

2022-09-27 ‧ 由 chin_frontend 分享
DAY 13

前端菜鳥的react初體驗 Day13-表單與ref(2)

昨天我們利用refs順利的取得了input的值。用法如下,就是將ref="input"放到input標籤裡面而已。 render() {...

2022-09-28 ‧ 由 chin_frontend 分享
DAY 14

前端菜鳥的react初體驗 Day14-Hook

竟然就這樣過去兩周了,我也堅持了兩周,真令人高興。本來覺得今天可以寫To-do-List,但臨時起意還是先進入Hook好了。 什麼是Hook? 如果要用一句話來...

2022-09-29 ‧ 由 chin_frontend 分享
DAY 15

前端菜鳥的react初體驗 Day15-Hook-useEffect

今天是第十五天,不知道是不是因為確診越來越不舒服的關係,我感到前所未有的絕望,覺得自己離放棄近在咫尺。 但我還是打開了這個頁面,要來談談Hook,談談useEf...

2022-09-30 ‧ 由 chin_frontend 分享
DAY 16

前端菜鳥的react初體驗 Day16-Hook-useEffect(2)

昨天歷經千辛萬苦,終於知道useEffect可以拿來處理程式的sideEffect。那麼具體來說,他該怎麼使用呢? 和useState一樣,useEffect也...

2022-10-01 ‧ 由 chin_frontend 分享
DAY 17

前端菜鳥的react初體驗 Day17-Hook-useEffect(3)

昨天提到,useEffect會在第一次render和每一次更新後被觸發,但我們也可以透過他的第二個參數dependency來控制他的觸發狀態。 用法是這樣的。...

2022-10-02 ‧ 由 chin_frontend 分享
DAY 18

前端菜鳥的react初體驗 Day18-Hook-useContext

花了三天才終於結束useEffect(當然也是因為我就是很慢),今天要來進入下一個Hook-useContext 用一句話解釋為什麼需要useContext的話...

2022-10-03 ‧ 由 chin_frontend 分享
DAY 19

前端菜鳥的react初體驗 Day19-Hook-useRef

今天的絕望在我的預料之內,但也是真的沒想到會這麼絕望。 總之,來談談useRef吧。(實在也是不保證我自己有懂) 看到useRef,就會很直覺地想到ref,我在...

2022-10-04 ‧ 由 chin_frontend 分享
DAY 20

前端菜鳥的react初體驗 Day20-Hook-useRef(2)

今天就接著昨天繼續談useRef的第二種用法。 存取值 行文至此,馬上來破題。就是useRef的特點:不會觸發re-render! 很重要所以要說三遍(絕對不是...

2022-10-05 ‧ 由 chin_frontend 分享