iT邦幫忙

鐵人檔案

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

前端菜鳥的react初體驗 系列

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

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

前端菜鳥的react初體驗 Day21-Hook-useReducer

話不多說,還是先上圖吧。 結束了寫鐵人30最愉快部分,還是要來釐清一下到底什麼是useReducer。 稍微看了一些文件和大家的分享,大概可以知道useRedu...

2022-10-06 ‧ 由 chin_frontend 分享
DAY 22

前端菜鳥的react初體驗 Day22-Hook-useCallback

今天沒有絕望,但是火燒屁股。 今天要來討論useCallback。 通常討論useCallback,就會順便討論useMemo,不過今天關於useMemo只會提...

2022-10-07 ‧ 由 chin_frontend 分享
DAY 23

前端菜鳥的react初體驗 Day23-Hook-useCallback(2)

昨天提到,useCallback不會重新渲染的特性是他的一大特色,但結果昨天試用了一下,好像其實也跟一般的funcion沒什麼差別。 那到底重點是什麼呢?以下是...

2022-10-08 ‧ 由 chin_frontend 分享
DAY 24

前端菜鳥的react初體驗 Day24-Hook-useMemo

前天提到,useMemo和useCallback通常會放在一起討論,那是因為,他們本質是差不多的東西,只是差別在於回傳值還是回傳函數。 useCallback...

2022-10-09 ‧ 由 chin_frontend 分享
DAY 25

前端菜鳥的react初體驗 Day25-Hook-自定義hook

其實react官方的hook還有滿多的。比如: useImperativeHandle useLayoutEffect useDebugValue useDe...

2022-10-10 ‧ 由 chin_frontend 分享
DAY 26

前端菜鳥的react初體驗 Day26-To Do list

終於,終於。要進入到我逃避已久的To-Do-List,為什麼?因為我就真的......也還不會寫。 那麼今天,要來幹嘛呢?要來, 用React思考 (是的,這幾...

2022-10-11 ‧ 由 chin_frontend 分享
DAY 27

前端菜鳥的react初體驗 Day27-To Do list(2)

終於,終於,要來to-do-list了 話不多說,來看code吧!code的參考來源:https://codepen.io/Tiendq/pen/jMerWZ?...

2022-10-12 ‧ 由 chin_frontend 分享
DAY 28

前端菜鳥的react初體驗 Day28-To Do list(3)

今天就要把To-do-list的下半部完成啦! 我們在父層引用了一個<TodoList>,並傳了一些東西進去。 <div> &l...

2022-10-13 ‧ 由 chin_frontend 分享
DAY 29

前端菜鳥的react初體驗 Day29-To Do list(4)

今天!倒數第二天!要來完成我立下的flag,用hook寫To Do List。我超棒。 那麼,就來看看code吧! function App() { con...

2022-10-14 ‧ 由 chin_frontend 分享
DAY 30

前端菜鳥的react初體驗 Day30

沒想到、沒想到,一路崎嶇、充滿絕望,但是。 而且,我那趕在參賽最後一天,甚至還很茫然的時候我列下的期望目標,好像也做到了。那就再來複習一下吧! 熟悉Comp...

2022-10-15 ‧ 由 chin_frontend 分享