iT邦幫忙

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

技術 【Day21】ChatGPT請教教我：React入門（七）- React & TypeScript ！

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

一宵三筵 ‧ 2023-10-05
0 Like 1 留言 2215 瀏覽
鐵人賽 Modern Web DAY 6
ReactJS 疑難排解 系列 第 6 篇

技術 ReactJS 疑難排解：什麼是 reconciliation

在了解 reconciliation 前，我們先說說 react 是如何去操作 DOM 的 在 javaScript 中，我們可以利用 createElem...

maxam ‧ 2020-09-21
1 Like 0 留言 2214 瀏覽
鐵人賽 Modern Web DAY 17
循序漸進學習 Javascript 測試 系列 第 17 篇

技術 Day 17 測試 React 元件：使用 React Testing Library 測試元件的狀態

昨天我們學習了如何在測試裡 render 元件，並使用 testing library 家族的 jest-dom 及 dom-testing-library 來...

TWGD ‧ 2020-10-02
0 Like 0 留言 2203 瀏覽
鐵人賽 自我挑戰組 DAY 3
React初心者30天的探索之路 系列 第 3 篇

技術 [Day 03] create-react-app資料夾結構

成功用npx create-react-app指令建構出來的資料夾目錄會如下圖 那麼接下來就一一介紹每個檔案的用途吧！ package.json記錄專案用的套件...

Lieutenant ‧ 2020-09-03
0 Like 0 留言 2196 瀏覽
鐵人賽 Modern Web DAY 11
製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～ 系列 第 11 篇

技術 #11 No-code 之旅 — 在 Next.js 專案中顯示 Notion 的資料 ft. Notion SDK

哈囉！昨天使用 SWR 實作了一個小功能，讓使用者可以列出某 Github user 的所有公開 repository～ 今天用 Notion SDK 新增了一...

Jade ‧ 2021-09-26
1 Like 0 留言 2194 瀏覽
鐵人賽 Modern Web DAY 6
All In One NFT Website Development 系列 第 6 篇

技術 Day 6【React】阿嬤妳怎麼沒感覺？

【前言】終於來到第一個大魔王了，突然感覺自己很像在打怪。等到開始打 Boss 才發現：「React 也太複雜了吧！」一堆大括號、中括號、小括號、Arrow F...

ALu ‧ 2021-09-18 ‧團隊Obit0 Studio
1 Like 0 留言 2188 瀏覽
鐵人賽 Modern Web DAY 14
Zero to hero with React.js 系列 第 14 篇

技術 【Day 14 React】React + Webpack ——搜尋功能 #Part3

呈現符合搜尋的結果 首先，我要先把寫死的 Toothpaste 產品資訊替換掉，替換成可以動態塞入符合搜尋結果的程式碼。 在 Results 這個 compon...

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

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

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

一宵三筵 ‧ 2023-10-01
3 Like 2 留言 2169 瀏覽
鐵人賽 Modern Web DAY 12
I Want To Know React 系列 第 12 篇

技術 I Want To Know React - Lifecycle 階段

回顧 React Lifecycle 在上個章節中，我們了解了 React component instance 的生命週期（Lifecycle）代表一個 co...

Henry Chang ‧ 2020-09-27 ‧團隊404 Not Found
3 Like 0 留言 2169 瀏覽
鐵人賽 Modern Web DAY 25
一步一腳印的React旅程 系列 第 25 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(5)-寫下新增資料的里程碑

嗨囉！大家好啊！就像上一期（還是上上一期？）最後說的，今天就要來處理新增資料啦！話說剛剛在準備進度時，都沒經過任何測試，一次執行就過，讓我非常驚訝，一直在試是不...

神Q超人 ‧ 2018-10-30 ‧團隊IT成長營
0 Like 0 留言 2164 瀏覽
鐵人賽 Modern Web DAY 5
ReactJS 疑難排解 系列 第 5 篇

技術 ReactJS 疑難排解：為什麼用了 React.memo 還是一直 re-render

我們先來看以下兩個例子，想想當 <Parent/> re-render 時，Child 會不會也跟著 re-render 呢？ function C...

maxam ‧ 2020-09-20
1 Like 0 留言 2161 瀏覽
鐵人賽 Modern Web DAY 2
I Want To Know React 系列 第 2 篇

技術 I Want To Know React - 初探 React

簡介 React React 是一個用來製作 UI（User Interface, 使用者介面）的 JavaScript 函式庫，旨在用更簡易快速的方式建構前端...

Henry Chang ‧ 2020-09-17 ‧團隊404 Not Found
0 Like 0 留言 2161 瀏覽
鐵人賽 Modern Web DAY 13
Zero to hero with React.js 系列 第 13 篇

技術 【Day 13 React】React + Webpack ——搜尋功能 #Part2

取得 input 的值 昨天做到 input event 的綁定，不過尚未取得 input 的值，在 handleQuery 裡，我們可以用 event.tar...

TSAI ‧ 2017-12-19
0 Like 1 留言 2147 瀏覽
鐵人賽 Modern Web DAY 2
製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～ 系列 第 2 篇

技術 #02 No-code 之旅 — Next.js 簡介

大家星期五快樂！TGIF～ 今天想跟大家分享 Next.js 這個 React 框架 (官網寫 "The React Framework for Pr...

Jade ‧ 2021-09-17
0 Like 0 留言 2145 瀏覽
鐵人賽 自我挑戰組 DAY 16
請你當我的好朋友吧！ReactJS！ 系列 第 16 篇

技術 【DAY 16】利用redux與react搭配在做出一個to do list吧！（中）

【前言】　　又是一個禮拜的煎熬......但還是得要繼續看redux，加油加油【正文】　　昨天把presentational component順勢寫完了，今天...

Hyora ‧ 2018-10-22
0 Like 0 留言 2143 瀏覽
鐵人賽 Modern Web DAY 22
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 22 篇

技術 【Day22】導航元件 - Tabs

元件介紹 Tabs 是一個選項卡切換元件，能夠在同一層級的內容組別當中導航、切換。此元件由兩個部分構成，一個是讓使用者點擊的導覽頁籤 Tab，一個是對應的內容...

Taiming ‧ 2021-10-05 ‧團隊董事長清潔隊
1 Like 1 留言 2141 瀏覽
鐵人賽 Modern Web DAY 22
一次打破 React 常見的學習門檻與觀念誤解 系列 第 22 篇

技術 [Day 22] 保持資料流 — 不要欺騙 hooks 的 dependencies（上）

在上一篇關於 useEffect 的深度解析中，我們已經了解到了 dependencies 是一種效能的最佳化手段，而不是用來控制生命週期或是商業邏輯。對於 u...

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

技術 【Day29】ChatGPT請教教我：React 進階（七）- Nx 框架！Monorepo 架構！

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

一宵三筵 ‧ 2023-10-13
0 Like 0 留言 2127 瀏覽
鐵人賽 Modern Web DAY 29
用React讓網頁動起來: React基礎與實作 系列 第 29 篇

技術 [Day29]用 React 讓網站動起來：部署網站到 github page

這幾天我們已經學習了許多 React 的技術，是時候部屬 React 的作品到 github 上了！如果不是大型的網站，只是要展示自己的作品或寫一個部落格的話，...

時雨 ‧ 2022-10-14 ‧團隊死線衝鋒 Deadline Squad
1 Like 1 留言 2125 瀏覽
鐵人賽 Modern Web DAY 1
用React刻自己的投資Dashboard 系列 第 1 篇

技術 用React刻自己的投資Dashboard Day1 - 前言

tags: 2021鐵人賽 React 系列文想法來源 因為筆者本身在金融業工作，日常生活中時常關注一些投資相關的數據，例如：總體經濟數據、個股財務報告、加密貨...

Sean Liu ‧ 2021-09-16
0 Like 0 留言 2123 瀏覽
鐵人賽 自我挑戰組 DAY 19
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 19 篇

技術 【Day19】ChatGPT請教教我：React入門（五）- 更多Hook！useMemo！useCallback！自定義Hook！

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

一宵三筵 ‧ 2023-10-03
1 Like 0 留言 2121 瀏覽
鐵人賽 Modern Web DAY 14
I Want To Know React 系列 第 14 篇

技術 I Want To Know React - 正確使用 Event handler

在上一篇中介紹了 JSX Event 的使用方式，在本章節我們將近一步了解在 class component 中使用 event handler 的常見問題、對...

Henry Chang ‧ 2020-09-29 ‧團隊404 Not Found
1 Like 0 留言 2120 瀏覽
鐵人賽 自我挑戰組 DAY 8
請你當我的好朋友吧！ReactJS！ 系列 第 8 篇

技術 【DAY 08】React Component也有生老病死？（下）

【前言】　　昨天稍微提到了React component的其中兩個生命週期componentDidMount和componentWillUnmount。今天就來...

Hyora ‧ 2018-10-14
2 Like 0 留言 2119 瀏覽
鐵人賽 Modern Web DAY 7
以經典小遊戲為主題之ReactJS應用練習 系列 第 7 篇

技術 Day07 - Tic Tac Toe篇：勝負判斷事前準備

到目前為止，我們伸縮自如的圈圈叉叉遊戲已經很像樣了，但是目前判斷勝負的工作還是需要玩家自己來判斷。我們希望電腦可以幫助我們判斷勝負，這樣就不用自己在那邊算自己是...

Taiming ‧ 2018-10-22 ‧團隊開橋找井
1 Like 0 留言 2108 瀏覽

技術 什麼是 React Component?

挑戰 React 第八篇 目錄 什麼是組件? 如何用組件達成程式碼重複使用? 兩種組件種類 學習心得 什麼是組件? Component，中文...

tom_yukuan ‧ 2019-11-22
0 Like 0 留言 2103 瀏覽

技術 Create-React-App 到 Vite: ESLint 環境架設

會有今天的文章是因為上次由 CRA 轉到 Vite 後(如果還沒有看文章的話，可以點這裡，發現原本的ESLint設定全部都不能用了，需要全部重新設定 這邊作為...

janlin002 ‧ 2022-10-16
0 Like 0 留言 2102 瀏覽
鐵人賽 Modern Web DAY 21
Zero to hero with React.js 系列 第 21 篇

技術 【Day 21 React】Redux 做遊戲角色陣容應用程式——趴萬

這次要做的專案是遊戲角色選取的應用程式做出來的應用程式大概會像這樣： 可以從左邊的角色選項選取到右邊，陣容狀態會依被選取的角色而不斷更動。 建置環境 在專案資...

TSAI ‧ 2017-12-27
1 Like 0 留言 2100 瀏覽
鐵人賽 Modern Web DAY 7
I Want To Know React 系列 第 7 篇

技術 I Want To Know React - Component 內部原理 & 使用技巧

回顧 React component 在上一篇中，我們介紹了 React component 是什麼，並解釋了它的好處與語法，一起來複習一下吧！ React c...

Henry Chang ‧ 2020-09-22 ‧團隊404 Not Found
0 Like 0 留言 2098 瀏覽
鐵人賽 自我挑戰組 DAY 20
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 20 篇

技術 【Day20】ChatGPT請教教我：React入門（六）- ref？useRef！forwardRef！useImperativeHandle！

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

一宵三筵 ‧ 2023-10-04
0 Like 0 留言 2094 瀏覽
鐵人賽 Modern Web DAY 22
使用 webpack 模組化你的程式碼，讓人生更美好。 系列 第 22 篇

技術 <22 - React 上陣 01> Webpack - Babel - React 聯手

火紅的 React，建立元件銳不可擋，今天來寫一個 Hello World 的 React 元件，然後示範該如何透過 webpack 以及 babel 來 bu...

Carlos Chang ‧ 2016-12-22
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23068 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙