iT邦幫忙

react相關文章
共有 1742 則文章
0 Like 0 留言 1834 瀏覽
鐵人賽 Modern Web DAY 23
30 days of React 系列 第 23 篇

技術 Day 23 - prop drilling 和 context

今天來學習如何使用 context 來解決 prop drilling 的問題。今天會學習的內容為： 了解什麼是 prop drilling context...

yuu ‧ 2023-10-08 ‧團隊好想工作室 v7.0
1 Like 0 留言 897 瀏覽
鐵人賽 SideProject30 DAY 22
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 22 篇

技術 Day22：操作 Firestore Database 的資料(一)

今天是組裝頁面的一天，也將 Firestore Database 的 CURD 先從文件學習到在 console 控制台中練習一遍。 溫馨提醒：以下內容看到的...

Annie ‧ 2023-10-07
0 Like 0 留言 915 瀏覽
鐵人賽 Modern Web DAY 22
30天React練功坊-攻克常見實務/面試問題 系列 第 22 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day22: Simple todo-list(interview question)

tags: ItIron2023 react 前言 昨天我們用了一個簡單的問題來測驗你對於react render邏輯的了解程度，相信透過昨天的經驗你應該對於u...

windate3411 ‧ 2023-10-07
0 Like 0 留言 624 瀏覽
鐵人賽 Modern Web DAY 22
前端開發之那些我會的與我不會的技術 系列 第 22 篇

技術 React的新實驗性Hook：use Hook的使用

今天要來接紹一個還在實驗性的hook，只有在實驗性和canary的版本才有支援。 這個hook的功能是用來讀取資源的值，這邊的資源可以是Promise和con...

ss95159 ‧ 2023-10-07
0 Like 0 留言 671 瀏覽
鐵人賽 Modern Web DAY 23
react 學習記錄 系列 第 23 篇

技術 [Day23]我的 react 學習記錄 - react router

這篇文章的主要內容 簡單介紹常用的 react 處理用戶端路徑的 library - react router。 react router react 是一個...

evan_hsu ‧ 2023-10-07
0 Like 0 留言 604 瀏覽
鐵人賽 Modern Web DAY 22
30 days of React 系列 第 22 篇

技術 Day 22 - Reducer 的應用

今天要來學習的 Reducer 的應用，主要內容為 Reducer 的操作步驟。 較複雜的事件處理器 隨著程式越來越複雜，我們可能會遇到下面這樣的情況 像是在...

yuu ‧ 2023-10-07 ‧團隊好想工作室 v7.0
1 Like 0 留言 1123 瀏覽
鐵人賽 SideProject30 DAY 21
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 21 篇

技術 Day21：在 React 專案中使用 Firebase Authentication 實作會員管理(四)

會員管理終於來到最終章，因為其他功能都是 CRUD，而且也因為 Firebase 將使用者認證這塊切得很細，所以花較多的篇幅來介紹。然而雖然使用者在註冊成功當下...

Annie ‧ 2023-10-06
1 Like 0 留言 1307 瀏覽
鐵人賽 Modern Web DAY 21
30天React練功坊-攻克常見實務/面試問題 系列 第 21 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day21: React render logic interview question

tags: ItIron2023 react 前言 我們昨天看了最後一個關於實務上常碰到的issue，剩下的10天我們將進入react coding inter...

windate3411 ‧ 2023-10-06
0 Like 0 留言 479 瀏覽
鐵人賽 Modern Web DAY 21
前端開發之那些我會的與我不會的技術 系列 第 21 篇

技術 React Hook: useLayoutEffect的使用與注意事項

今天要來介紹的是useLayoutEffect這個hook，這個hook和useEffect的使用方式很類似，差別在於useEffect是在畫面已經繪製上去，...

ss95159 ‧ 2023-10-06
1 Like 2 留言 1130 瀏覽
鐵人賽 Modern Web DAY 30
從Vue學React！不只要會用，還要真的懂～ 系列 第 30 篇

技術 【Day 30】從Vue學React！最終大回顧＆完賽感言

沒想到與React和Vue你看我我看你地過著的這段日子雖然過程難熬，但回頭看卻又發現時間過得居然如此的快，轉眼間已經到了鐵人賽的最後一天了！雖然已經到了最後一天...

文科少女 ‧ 2023-10-06 ‧團隊曼陀號計畫V
0 Like 0 留言 1153 瀏覽
鐵人賽 Modern Web DAY 21
連我阿公都會-手把手教你架網站 系列 第 21 篇

技術 【Day21】前端框架淺談＆React環境

在寫了數個的純前端的專案後，我們會發現，每個專案幾乎都會寫到一樣的東西。為了方便，從以前的專案copy一些元件套用在新的專案上是常有的事，但又要因應新專案而反覆...

ttdragon0722 ‧ 2023-10-06 ‧團隊最強資工大電神
0 Like 0 留言 715 瀏覽
鐵人賽 Modern Web DAY 21
30 days of React 系列 第 21 篇

技術 Day 21 - 保存和重置 state

昨天學了元件間如何共用 state，今天要來看如何保存和重置 state。 今天的內容： UI 樹中的位置 在相同的位置的相同元件 在相同位置的不同元件 在相...

yuu ‧ 2023-10-06 ‧團隊好想工作室 v7.0
1 Like 0 留言 1198 瀏覽
鐵人賽 SideProject30 DAY 20
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 20 篇

技術 Day20：在 React 專案中使用 Firebase Authentication 實作會員管理(三)

除了使用電子郵件與密碼註冊以外，考量到有些使用者不喜歡管理太多組帳號、密碼，所以今天就將開通的 Google, Facebook 帳號註冊功能串接到網站裡吧！關...

Annie ‧ 2023-10-05
0 Like 0 留言 578 瀏覽
鐵人賽 Modern Web DAY 20
30天React練功坊-攻克常見實務/面試問題 系列 第 20 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day20: useState with complex form

tags: ItIron2023 react 前言 我們昨天看了一個有趣的useState問題，了解到initialValue的一些限制，今天我們會再看一個與s...

windate3411 ‧ 2023-10-05
0 Like 0 留言 625 瀏覽
鐵人賽 Modern Web DAY 22
react 學習記錄 系列 第 22 篇

技術 [Day22]我的 react 學習記錄 - lazy & Suspense

這篇文章的主要內容 簡單介紹 lazy 跟 Suspense 的用途跟用法 lazy lazy 是 react 裡面提供的一個 api 可以讓我們透過非同步的...

evan_hsu ‧ 2023-10-06
0 Like 0 留言 2698 瀏覽
鐵人賽 自我挑戰組 DAY 25
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 25 篇

技術 【Day25】ChatGPT請教教我：React進階（三）- React Redux & Redux-thunk！API參戰！

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...

一宵三筵 ‧ 2023-10-09
0 Like 0 留言 2632 瀏覽
鐵人賽 自我挑戰組 DAY 24
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 24 篇

技術 【Day24】ChatGPT請教教我：React進階（二）- React Redux & Redux Toolkit！

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...

一宵三筵 ‧ 2023-10-08
0 Like 0 留言 2401 瀏覽
鐵人賽 自我挑戰組 DAY 23
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 23 篇

技術 【Day23】ChatGPT請教教我：React進階（一）- React Redux 狀態管理

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...

一宵三筵 ‧ 2023-10-07
0 Like 0 留言 835 瀏覽
鐵人賽 自我挑戰組 DAY 20
初探全端之旅: 以MERN技術建立個人部落格 系列 第 20 篇

技術 [Day20]登入頁開發和CORS處理

大綱 Wireframe 登入頁開發 CORS處理 1. Wireframe 以下是登入和註冊頁面的wireframe，樣式細節可依個人喜好調整 登入頁...

Yihsuan ‧ 2023-10-05 ‧團隊Quokka In The Cloud
0 Like 0 留言 705 瀏覽
鐵人賽 Modern Web DAY 20
30 days of React 系列 第 20 篇

技術 Day 20 - 在元件間共用 state

學習完 state 構築的原則，來進一步看 state 的應用，今天要學習如何在元件間共用 state 來達到更精準的控制權責關係。我們會透過一個手風琴（Acc...

yuu ‧ 2023-10-05 ‧團隊好想工作室 v7.0
0 Like 0 留言 1129 瀏覽
鐵人賽 Modern Web DAY 20
前端開發之那些我會的與我不會的技術 系列 第 20 篇

技術 了解React中的useRef Hook：特性和應用

今天要來介紹的是useRef這個hook，在使用的時候可能常常會和useState搞混，但是事實上它們的使用情境是很大的不同的，接下來來一一介紹useRef的特...

ss95159 ‧ 2023-10-05
0 Like 0 留言 721 瀏覽
鐵人賽 Modern Web DAY 19
30天React練功坊-攻克常見實務/面試問題 系列 第 19 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day19: useState initial value not update after re-render

tags: ItIron2023 react 前言 我們昨天看了一個少見的useLayoutEffect的實用例子，很多工具只要正確使用就能發光發熱，但前提是你...

windate3411 ‧ 2023-10-04
0 Like 0 留言 516 瀏覽
鐵人賽 Modern Web DAY 21
react 學習記錄 系列 第 21 篇

技術 [Day21]我的 react 學習記錄 - useCallback

這篇文章的主要內容 簡單介紹優化 react 的另一個方法 - useCallback useCallback 在 react 裡面除了 object 跟 a...

evan_hsu ‧ 2023-10-05
1 Like 0 留言 707 瀏覽
鐵人賽 SideProject30 DAY 19
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 19 篇

技術 Day19：在 React 專案中使用 Firebase Authentication 實作會員管理(二)

在上一篇文章中，我成功將使用電子郵件與密碼註冊會員之功能串接，接下來是取得該註冊會員在 API 中的資訊，除了我們可以傳值進去，Firebase 也會自動產生一...

Annie ‧ 2023-10-04
0 Like 0 留言 402 瀏覽
鐵人賽 Modern Web DAY 19
前端開發之那些我會的與我不會的技術 系列 第 19 篇

技術 React中的效能優化：了解 useCallback 和 useMemo Hooks

今天這篇文章要來介紹另外兩個hooks，useCallback和useMemo兩個都是用來效能優化的hooks，用法相當類似，都是藉由快取來達到優化的效果。 u...

ss95159 ‧ 2023-10-04
0 Like 0 留言 562 瀏覽
鐵人賽 自我挑戰組 DAY 19
初探全端之旅: 以MERN技術建立個人部落格 系列 第 19 篇

技術 [Day19]React pages 和 routes設定

大綱 新增資料夾和檔案 React Routes設定 1. 新增資料夾和檔案 我們先調整當前專案的資料夾，新增一些資料夾來區分檔案。 專案資料夾結構 ✨表示...

Yihsuan ‧ 2023-10-04 ‧團隊Quokka In The Cloud
0 Like 0 留言 583 瀏覽
鐵人賽 Modern Web DAY 20
react 學習記錄 系列 第 20 篇

技術 [Day20]我的 react 學習記錄 - useMemo

這篇文章的主要內容 簡單介紹優化 react 的另一個方法 - useMemo useMemo useMemo 是 react 裡面一個用來讓 react 記...

evan_hsu ‧ 2023-10-04
0 Like 0 留言 513 瀏覽
鐵人賽 Modern Web DAY 19
30 days of React 系列 第 19 篇

技術 Day 19 - 構築 state 的原則

學習完聲明式 UI 的思考及操作，接著要更深入來思考構築 state 的原則，官方文件提供了五個原則給使用者參考，讓我們一一來看。 將相關的狀態群組（Grou...

yuu ‧ 2023-10-04 ‧團隊好想工作室 v7.0
0 Like 0 留言 603 瀏覽
鐵人賽 Modern Web DAY 18
30天React練功坊-攻克常見實務/面試問題 系列 第 18 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day18:UI flicker issue with useEffect

tags: ItIron2023 react 前言 昨天我們看了一個誤用useEffect的例子，了解到其實有些東西你不需要靠useEffect也能達成，今天我...

windate3411 ‧ 2023-10-03
0 Like 0 留言 966 瀏覽
鐵人賽 Modern Web DAY 29
從Vue學React！不只要會用，還要真的懂～ 系列 第 29 篇

技術 【Day 29】 從vue-router學react-router(下) - 更多的常見用法

今天會延續昨天尚未看完的一些常見用法，繼續從vue-router學react-router。在正式開始之前，也稍微前情提要一下，昨天我們除了了解什麼是react...

文科少女 ‧ 2023-10-05 ‧團隊曼陀號計畫V
iThome鐵人賽
iThome鐵人賽
參賽組數
481 組
團體組數
19 組
累計文章數
4024 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 17th鐵人賽 2017鐵人賽 windows php c# windows server linux css react
熱門問題
熱門回答
熱門文章
IT邦幫忙