iT邦幫忙

鐵人檔案

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

我與 React 的 30天 系列

React 作為一個近年來相當熱門的 JavaScript library
不管是 Facebook、Disney+、Netflix 等各大網站都會使用它
現在就讓我們一起來了解 React 的迷人之處吧 !

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

Day 11 useEffect 我來了

前天我們介紹了,Hook 中最好入門的 useState,今天就來要來介紹他的好兄弟,就是 useEffect 關於 useEffect 我們來看一下對於 us...

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

Day 12 用 useEffect 獲取不同的資料(上)

昨天我們介紹了 useEffect 的觸發時機,根據 useEffect 第二個參數 [dependency] 的不同會有不同的觸發時機,今天我們就來看看 us...

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

Day 13用 useEffect 獲取不同的資料(下)

昨天我們說明了在網頁中用 AJAX 的方式去請求資料,並且加上 useEffect 以及說明為什麼要加上 useEffect,的好處,以及解決了什麼問題,今天就...

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

Day 14 props 我不要你了? 讓我們來試試 useContext

一連好幾天都在講 useState 和 useEffect,讓我們來換換口味,講講什麼是 useContext props 我傳你傳的好累啊 之前我們在用pro...

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

Day 15 useRef 就是不讓你 re-render

之前我們曾說到,我們可以 useState 配合 on.. 系列的事件去綁定 DOM,讓我們可以達成我們要的事件,但是若是發生以下狀況我們該如何去解決呢? 不要...

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

Day 16 useRef 還有什麼作用

昨天提到了 useRef 的一些簡易的使用方式,今天再來更深入一點,來說說 useref 是為了解決什麼問題吧! 使用 useRef 來計算畫面渲染的次數吧 i...

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

Day 17 為什麼要渲染我啊,那你有聽過 React.memo 嗎?

我們踏進 React 的世界也將近 20 天了,對於 React 渲染的機制應該也略知一二了...你說你不懂,那就讓我來解釋一下吧,我們一樣做出了 Parent...

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

Day 18 React.memo 聽說你很猛啊,useCallback 表示?

昨天提到了,React.memo 這個看似無敵以及堅強的人?竟然有個破綻? memo 的弱點 我們將昨天的例子拿來用,並且將傳給 Parent.js 這個 co...

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

Day 19 useMemo 請問你跟 React.memo 有關係嗎?

我想看到大家第一次看到 usememo 都會跟我有一樣的疑問 請問 useMemo 跟 React.memo 是一樣的東西嗎,用法一樣嗎?,這兩個名稱一樣,用法...

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

Day 20 memo vs useCallback vs useMemo

前幾天分別介紹了 memo、useCallback、useMemo 的用法,今天就來好好複習,並且好好的比較這三個的不同之處吧! memo 首先我們就先從 me...

2022-10-05 ‧ 由 zhan0217 分享