iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

白話JavaScript 系列

雖然學習JavaScript 一陣子,但有些地方還是有加強空間,重新思考為什麼要這樣做,並且在末段會增加些許的資料結構與演算法。
希望可以在當兵前完成這次的鐵人賽🥺

參賽天數 23 天 | 共 28 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21-State

前言 昨日我們學會了Props,而Props是由外傳進來的資料,進而改變組件。而組件本身的狀態我們稱為State。 另外昨日忘記說明React對於Props是唯...

2021-09-21 ‧ 由 yanzhong 分享
DAY 22

Day22-生命週期

前言 這幾天我們已經學習了Props外來傳遞資料,還有State組件本身狀態。 今天要來學習很重要的一個使用觀念 【生命週期】。 而為甚麼我們需要了解所謂的生命...

2021-09-22 ‧ 由 yanzhong 分享
DAY 23

Day23-資料操作

前言 在Day20我們學會了使用Props傳遞資料,但你是否想過,如果今天我們的組件階層過於多,這樣會導致一些不必要的組件,也要幫忙傳遞資料。 目前我要從A組件...

2021-09-23 ‧ 由 yanzhong 分享
DAY 23

Day24-操作DOM

前言 在React中通常我們並不會直接操作到DOM元素。 但有些情況反而需要操作DOM元素,來使使用者體驗便更好。 useRef 由於直接操作DOM,Reac...

2021-09-25 ‧ 由 yanzhong 分享
DAY 23

Day25-memo

前言 前面我們學習很多關於React生命週期、狀態、取得DOM元素等等,今天我們要來改善React本身的效能問題。而今天會學習到的HOC memo,也就是紀錄保...

2021-09-25 ‧ 由 yanzhong 分享
DAY 23

Day26-useCallback

前言 在昨天我們學會使用memo去記憶我們的組件,達成避免re-render的狀態。 而我們今天會學習使用useCallback,來解決reference的問題...

2021-09-25 ‧ 由 yanzhong 分享
DAY 23

Day27-useMemo

前言 前兩天我們學習了React性能優化 memo 組件記憶 useCallback 函式參考記憶 而今天我們會學習useMemo來記住回傳值,避免每次重複...

2021-09-26 ‧ 由 yanzhong 分享
DAY 23

Day28-Custom Hook

前言 我們學習了效能優化、生命週期、React狀態等等,今天我們要來學習React的模組化,也就是custom hook。 use開頭,若不使用use開頭便無...

2021-09-26 ‧ 由 yanzhong 分享