iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

剛入行就一人重新打造公司前端系統? 系列

新創工程師的奮鬥日常與 React 技巧分享

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

Day 21 - 對 React 一見鍾情的故事(技術名詞有解釋別擔心)

一見鍾情的故事 幾年前曾經簡單玩過 HTML 與 CSS,那是個 jQuery 很紅的年代,去年重新學習前端,才發現主流工具變成了 React、Vue 和 An...

2024-09-21 ‧ 由 brownrice 分享
DAY 22

Day 22 - 瀏覽器的重繪機制與網頁渲染

學習 React 的過程中,常常會碰到各種與「渲染」相關的名詞與概念,尤其在試圖理解「React 如何與瀏覽器互動」以及「各種不同渲染術語」時,總覺得有點卡卡的...

2024-09-22 ‧ 由 brownrice 分享
DAY 23

Day 23 - 「元件」與 useState 使用技巧

昨天提到 React 與各種渲染術語,今天在進入正題前,先簡單說明一下什麼是 React 的「元件」。 在 React 中,「元件」就像是一個你自己定義的小模組...

2024-09-23 ‧ 由 brownrice 分享
DAY 24

Day 24 - useEffect 是拿來做什麼的?

useEffect 是拿來做什麼的?這件事在我初學 React 時其實相當困惑,就算知道它是React 中設計用來處理「副作用」的 hooks API 好了,但...

2024-09-24 ‧ 由 brownrice 分享
DAY 25

Day 25 - 寫 React 為何會觸發瘋狂的重新渲染?

初次學習使用 React hooks 時,曾經不小心觸發無限的重新渲染迴圈然後暴打 API,心驚了一下,幸好 server 沒事XD 雖然那次的教訓讓我學會如何...

2024-09-25 ‧ 由 brownrice 分享
DAY 26

Day 26 - useState 的異步更新問題

寫 React 時,新手很容易遇到 useState 異步更新的問題。查找資料時,我發現有人在 reddit 發了一篇文章,表示自己是 React 新手,還因為...

2024-09-26 ‧ 由 brownrice 分享
DAY 27

Day 27 - 儲存可變資料而不觸發重新渲染的 useRef

前幾篇文章都專注在 useState 與 useEffect 的討論,今天要來介紹 useRef。我在初學時總覺得 useRef 的概念很難理解,也搞不太懂使用...

2024-09-27 ‧ 由 brownrice 分享
DAY 28

Day 28 - useCallback 到底是如何達到效能優化的目的?

useCallback 一直是 React hooks 中搞不太懂的地方,只知道是拿來做效能優化。直到看到《React 思維進化》這本書後,發現 useCall...

2024-09-28 ‧ 由 brownrice 分享
DAY 29

Day 29 - 使用 useMemo 來做效能優化

useCallback 與 useMemo 都可以在 React 中來做效能優化,差別在於 useCallback 是拿來快取函式,而 useMemo 是拿來快...

2024-09-29 ‧ 由 brownrice 分享
DAY 30

Day 30 - 完賽心得

剛入行就一人重新打造公司前端系統,是我第一份工作遇到的大挑戰,過程中遇到的難題與成長,成為了我這系列文章的靈感來源。在這一個月中,我整理了平常工作中所遇到的各種...

2024-09-30 ‧ 由 brownrice 分享