iT邦幫忙

react相關文章
共有 1742 則文章
0 Like 0 留言 2185 瀏覽
鐵人賽 自我挑戰組 DAY 18
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 18 篇

技術 【Day18】ChatGPT請教教我：React入門（四）- Hook！副作用(Side Effect)？useEffect！

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

一宵三筵 ‧ 2023-10-02
0 Like 0 留言 603 瀏覽
鐵人賽 Modern Web DAY 13
30天React練功坊-攻克常見實務/面試問題 系列 第 13 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day13: ExpensiveComponent re-render causing performance issue

tags: ItIron2023 react 前言 我們昨天用了一個簡單的例子告訴你useRef在哪些情況能派上用場，那並不會是我們唯一一次與useRef打交道...

windate3411 ‧ 2023-09-28
0 Like 0 留言 446 瀏覽
鐵人賽 Modern Web DAY 14
TypeScript 啟動！ 系列 第 14 篇

技術 [Day 14] TypeScript React 初次使用 II

React 實戰 II 昨天我們的專案文件大概如下 . ├── README.md ├── package-lock.json ├── package.json...

叮叮 ‧ 2023-09-29
0 Like 0 留言 606 瀏覽
鐵人賽 Modern Web DAY 13
30 days of React 系列 第 13 篇

技術 Day 13 - 在React中使用state

今天要來學習state的應用，內容包含： 認識state 操作方法 stateHook 什麼是state? 如何理解 state，字面上的意思就是當前的程式...

yuu ‧ 2023-09-28 ‧團隊好想工作室 v7.0
0 Like 0 留言 800 瀏覽
鐵人賽 Modern Web DAY 15
react 學習記錄 系列 第 15 篇

技術 [Day15]我的 react 學習記錄 - useReducer

這篇文章的主要內容 簡單介紹useReducer。 useReducer 當 state 較為複雜時可以透過 useReducer 來把更新狀態的邏輯一個個拆...

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

技術 【Day17】ChatGPT請教教我：React入門（三）- 運用JS高階函數，進階JSX組合元件！

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

一宵三筵 ‧ 2023-10-01
0 Like 0 留言 296 瀏覽
鐵人賽 Modern Web DAY 12
設計系統 - Design System 系列 第 12 篇

技術 [Day 12] Design System - Common Hook (二)

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！ 本文同步上傳到筆者的個人部落格，裡面透過 Sandpack 直接...

Jing.tech ‧ 2023-09-27
0 Like 0 留言 668 瀏覽
鐵人賽 Modern Web DAY 23
從Vue學React！不只要會用，還要真的懂～ 系列 第 23 篇

技術 【Day 23】利用useReducer ＋ useContext管理複雜的狀態邏輯

我們在前幾天已經認識了useReducer和useContext的用法，今天來點進階的內容，把useReducer和useContext結合在一起使用看看。這兩...

文科少女 ‧ 2023-09-29 ‧團隊曼陀號計畫V
0 Like 1 留言 673 瀏覽
鐵人賽 Modern Web DAY 12
30天React練功坊-攻克常見實務/面試問題 系列 第 12 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day12: Sometimes useState just not good enough

tags: ItIron2023 react 前言 昨天我們看了一個常見的race-condition問題並給出了三種主流的解決方案，今天我們放輕鬆一點，看一個...

windate3411 ‧ 2023-09-27
1 Like 0 留言 494 瀏覽
鐵人賽 SideProject30 DAY 12
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 12 篇

技術 Day12：side project 的網頁組成元素

有了規範的提交訊息工具後，就可以放心開始開發了，開發之前要記得讓自己站在對的分支上唷！ 今日分支名稱：feat/component 更換 favicon.ico...

Annie ‧ 2023-09-27
0 Like 0 留言 654 瀏覽
鐵人賽 Modern Web DAY 14
react 學習記錄 系列 第 14 篇

技術 [Day14]我的 react 學習記錄 - createContext & useContext

這篇文章的主要內容 簡單介紹 createContext 跟 useContext 的用途跟使用方法。 createContext & useCont...

evan_hsu ‧ 2023-09-28
0 Like 0 留言 1172 瀏覽
鐵人賽 Modern Web DAY 13
TypeScript 啟動！ 系列 第 13 篇

技術 [Day 13] TypeScript React 初次使用

React 簡介 當我們使用 **create-react-app （CRA）**來建立一個新的 React 專案的時候，專案的結構大致上會像這樣。 dialo...

叮叮 ‧ 2023-09-28
0 Like 0 留言 555 瀏覽
鐵人賽 Modern Web DAY 13
react 學習記錄 系列 第 13 篇

技術 [Day13]我的 react 學習記錄 - react forwardRef & useImperativeHandle

這篇文章的主要內容 簡單介紹 react forwardRef 跟 useImperativeHandle forwardRef 上一篇介紹的 useRef...

evan_hsu ‧ 2023-09-27
0 Like 0 留言 1367 瀏覽
鐵人賽 Modern Web DAY 12
30 days of React 系列 第 12 篇

技術 Day 12 - 在React 處理事件（下）

接著來學習在React當中處理事件，主要會提到React當中的事件傳遞機制，內容如下： React當中的事件傳遞 停止事件傳遞 React當中的捕獲 預防預設...

yuu ‧ 2023-09-27 ‧團隊好想工作室 v7.0
0 Like 0 留言 2314 瀏覽
鐵人賽 自我挑戰組 DAY 16
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 16 篇

技術 【Day16】ChatGPT請教教我：React入門（二）- State（狀態)

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

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

技術 【Day15】ChatGPT請教教我：React入門（一）- 起始安裝、JSX元素、元件！

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

一宵三筵 ‧ 2023-09-29
0 Like 0 留言 831 瀏覽

技術 如何用TypeScript寫出你的第一個Eslint Rule

在公司實習時遇到了一個問題，我們會用i18n來去做網站的中英文轉換，我們並且會寫一份json來管理我們所有的key，但會遇到一個問題就是說如果一個key在英文有...

Patrick ‧ 2023-10-08
0 Like 0 留言 664 瀏覽
鐵人賽 Modern Web DAY 11
30 days of React 系列 第 11 篇

技術 Day 11 - 在React處理事件（上）

今天要學習如何在React中處理事件，以下是今天會提到的內容： 如何設定事件處理器 如何在事件處理器當中讀取props屬性資料 將事件處理器作為props 傳...

yuu ‧ 2023-09-26 ‧團隊好想工作室 v7.0
0 Like 0 留言 789 瀏覽
鐵人賽 Modern Web DAY 12
TypeScript 啟動！ 系列 第 12 篇

技術 [Day 12] TypeScript 初見 React.js

在上一回先透過最簡單的 html 與 TypeScript 結合實作一個小場景，接下來我們將會把 React.js 給加入進來，首先簡單介紹一下 React.j...

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

技術 Day10：使用 Wireframe 線稿拼接網站的功能與畫面(四)

有了服務項目後，顧客已經可以開始預約，進入這個網站的重頭戲。上一篇文章中，眼尖的朋友們一定會發現，對比原先的 Flow Chart 後，好像少了「顧客預約當下沒...

Annie ‧ 2023-09-25
1 Like 0 留言 560 瀏覽
鐵人賽 Modern Web DAY 21
從Vue學React！不只要會用，還要真的懂～ 系列 第 21 篇

技術 【Day 21】管理邏輯複雜的狀態 - useReducer

我們在最一開始的時候，就已經看過最基本用來管理state的hook－useState了，今天再來看看另一個也是用在管理state的hook，就是useReduc...

文科少女 ‧ 2023-09-27 ‧團隊曼陀號計畫V
0 Like 0 留言 741 瀏覽
鐵人賽 Modern Web DAY 22
從Vue學React！不只要會用，還要真的懂～ 系列 第 22 篇

技術 【Day 22】 深層傳遞state！除了props還有其他方式 - proivde & inject和useContext

還記得前幾天有提到因為Vue和React都是以單向資料流為核心，所以資料的傳遞方向都必須是爺爺傳給爸爸，爸爸再傳給兒子嗎？雖然用props層層傳遞state，沒...

文科少女 ‧ 2023-09-28 ‧團隊曼陀號計畫V
0 Like 0 留言 708 瀏覽
鐵人賽 Modern Web DAY 10
設計系統 - Design System 系列 第 10 篇

技術 [Day 10] Design System - React Slots (插槽) - 實作

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！ 本文同步上傳到筆者的個人部落格，裡面透過 Sandpack 直接...

Jing.tech ‧ 2023-09-25
0 Like 0 留言 737 瀏覽
鐵人賽 Modern Web DAY 10
30天React練功坊-攻克常見實務/面試問題 系列 第 10 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day10: useEffect got called twice with empty dependency array

tags: ItIron2023 react 前言 我們昨天看了一個useEffect在沒有處理好dependency array時發生的問題，今天讓我們再看一...

windate3411 ‧ 2023-09-25
0 Like 0 留言 1457 瀏覽
鐵人賽 Modern Web DAY 11
30天React練功坊-攻克常見實務/面試問題 系列 第 11 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day11: Race condition with useEffect

tags: ItIron2023 react 前言 我們昨天看了一個看似useEffect在搞事的問題，雖然說不能與它完全無關，但實際上他確實挺無辜的，真要怪的...

windate3411 ‧ 2023-09-26
0 Like 0 留言 591 瀏覽
鐵人賽 Modern Web DAY 12
react 學習記錄 系列 第 12 篇

技術 [Day12]我的 react 學習記錄 - useRef

這篇文章的主要內容 簡單介紹 useRef hook 的使用方法 useRef useRef 是 react 裡面除了 useState 以外另外一個用來儲存...

evan_hsu ‧ 2023-09-26
0 Like 0 留言 938 瀏覽
鐵人賽 Modern Web DAY 26
組裝前端開發工具箱，從 NX 入手 系列 第 26 篇

技術 Astro 集成 React 元件

Astro 的特點之一，就是可以使用各家框架的元件，像是 React, Vue, Svelte 等，能夠將不同來源的元件拼合到一頁上，在 Monorepo 的架...

Jasper ‧ 2023-09-27 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐
0 Like 0 留言 569 瀏覽
鐵人賽 Modern Web DAY 30
React 走出新手村 系列 第 30 篇

技術 React 走出新手村 — Rick and Morty練習(II)

Dynamic Routes 我們今天接續的做每個角色自己的頁面，來理解 Dynamic Routes 的實作層面。這部分我們可以先借一下 Next 官方的範例...

LucianoLee ‧ 2023-09-30
0 Like 1 留言 627 瀏覽
鐵人賽 Modern Web DAY 29
React 走出新手村 系列 第 29 篇

技術 React 走出新手村 — Rick and Morty練習(I)

實作練習 經過前面的介紹之後，相信大家應該有基礎的理解和認知了，接下來我們一樣透過 Rick and Morty API 來練習如何在 app router 下...

LucianoLee ‧ 2023-09-29
0 Like 0 留言 818 瀏覽
鐵人賽 Modern Web DAY 11
react 學習記錄 系列 第 11 篇

技術 [Day11]我的 react 學習記錄 - useEffect

這篇文章的主要內容 簡單介紹 useEffect useEffect useEffect 是 react 裡面常常使用到到 hook 但是在使用上有很多需要注...

evan_hsu ‧ 2023-09-25
iThome鐵人賽
iThome鐵人賽
參賽組數
487 組
團體組數
19 組
累計文章數
4117 篇
最後報名日
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邦幫忙