iT邦幫忙

reactjs相關文章
共有 711 則文章
0 Like 0 留言 2222 瀏覽
鐵人賽 自我挑戰組 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
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 留言 2192 瀏覽
鐵人賽 Modern Web DAY 21
激戰 ReactJS 30天 系列 第 21 篇

技術 【Day21】 不到最後一刻不能使出來的 - refs

在一般的 React 資料流狀況下父組件和子組件間只能透過 props 進行溝通但是在偶爾非常非常偶爾的情況下我們還是會需要在資料流以外對子組件進行變動像是觸發...

洪啟瑞 ‧ 2018-01-09 ‧團隊30天熱度
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 留言 2178 瀏覽
鐵人賽 自我挑戰組 DAY 17
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 17 篇

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

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

一宵三筵 ‧ 2023-10-01
3 Like 0 留言 2167 瀏覽
鐵人賽 Modern Web DAY 25
一步一腳印的React旅程 系列 第 25 篇

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

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

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

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

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

maxam ‧ 2020-09-20
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 0 留言 2151 瀏覽
鐵人賽 Modern Web DAY 28
React + D3 的正確姿勢 系列 第 28 篇

技術 Day28-React + D3（一）

前言 前面的文章都介紹完圖表的繪製後，今天終於要回歸主題，把 D3 跟 React 結合在一起了，今天跟明天的文章都會把以前所講的內容做一個統整，假如對 Rea...

陳奕帆 Andy Chen ‧ 2019-10-14
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 留言 2141 瀏覽
鐵人賽 Modern Web DAY 22
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 22 篇

技術 【Day22】導航元件 - Tabs

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

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

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

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

Zet ‧ 2022-10-07
0 Like 0 留言 2126 瀏覽
鐵人賽 Modern Web DAY 29
用React讓網頁動起來: React基礎與實作 系列 第 29 篇

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

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

時雨 ‧ 2022-10-14 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 2120 瀏覽
鐵人賽 自我挑戰組 DAY 19
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 19 篇

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

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

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

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

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

一宵三筵 ‧ 2023-10-13
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 ‧團隊開橋找井
0 Like 0 留言 2102 瀏覽
鐵人賽 Modern Web DAY 21
Zero to hero with React.js 系列 第 21 篇

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

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

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

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

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

一宵三筵 ‧ 2023-10-04
0 Like 2 留言 2096 瀏覽
鐵人賽 影片教學 DAY 23
前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站 系列 第 23 篇

技術 前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站｜Day23 上傳會員照片

連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...

谷哥 ‧ 2021-09-23
0 Like 0 留言 2084 瀏覽
鐵人賽 自我挑戰組 DAY 13
請你當我的好朋友吧！ReactJS！ 系列 第 13 篇

技術 【DAY 13】對方聽不懂？那就讓Reducer來幫你一把吧！

【前言】　　終於來到假日了，身為一個朝八晚八的厭世工程師（什麼時候會離職或被火掉我也不知道），既然挑戰了鐵人賽，那就努力的把它做完吧（笑）！昨天講到action...

Hyora ‧ 2018-10-19
0 Like 0 留言 2072 瀏覽
鐵人賽 Modern Web DAY 25
Zero to hero with React.js 系列 第 25 篇

技術 【Day 25 React】Redux 做遊戲角色陣容應用程式——趴ㄈ ㄞˋ

mapping dispatch to props import { bindActionCreators } from 'redux'; import {...

TSAI ‧ 2017-12-31
0 Like 0 留言 2069 瀏覽
鐵人賽 自我挑戰組 DAY 23
React初心者30天的探索之路 系列 第 23 篇

技術 [Day 23] React hook(下)-useMemo&useRef

在搜尋useMemo的時候，就一直看到React.memo的相關資料 ，雖然React memo不屬於React hook的一部分，但還是簡單介紹一下，我們都知...

Lieutenant ‧ 2020-09-23
1 Like 0 留言 2067 瀏覽
鐵人賽 自我挑戰組 DAY 1
請你當我的好朋友吧！ReactJS！ 系列 第 1 篇

技術 【DAY 01】你好React，我可以當你好朋友嗎？

【前言】　　咳咳，我是Hyora，一個剛滿四個月、天天都很厭世、擔心什麼時候會被火掉的超廢前端工程師。雖是本科系出身，但大學程式課程要不是低空飛過，不然就是能逃...

Hyora ‧ 2018-10-07
1 Like 1 留言 2042 瀏覽
鐵人賽 Modern Web DAY 26
一次打破 React 常見的學習門檻與觀念誤解 系列 第 26 篇

技術 [Day 26] Effects & cleanups 常見情境的設計技巧

在前面章節中我們解析了將 effect 設計成即使多次執行也能保持正確的重要性。如果你還對這個觀念不是很熟悉的話，非常建議你先閱讀系列文前面的篇幅中關於 use...

Zet ‧ 2022-10-11
0 Like 0 留言 2034 瀏覽

技術 [筆記 + 使用心得]React 18 的更新

React 18 在今年稍早推出了穩定版，聽說解決了很多長久以來的問題，所以花了點時間，體驗看看這些新功能，並且統整一下，寫成今天的文章 5 new Hooks...

janlin002 ‧ 2022-10-30
0 Like 1 留言 2031 瀏覽
鐵人賽 Modern Web DAY 19
RRRR的世界 (Ruby on Rails + React + Redux) 系列 第 19 篇

技術 Day 19, Reading List - React部分-1

說好補上就補上! 先加上rails books_controller.rb的home... def home @books = {books: Bo...

Joseph-bug ‧ 2017-01-03
1 Like 0 留言 2028 瀏覽
鐵人賽 Modern Web DAY 18
Zero to hero with React.js 系列 第 18 篇

技術 【Day18 React】React Flux 架構——Action

今天，要來學習 to-do app 中的 Action 先在 js 資料夾下創建一個 actions 資料夾，裡面新增一個 TodoActions.js在 ac...

TSAI ‧ 2017-12-24
1 Like 0 留言 2028 瀏覽
鐵人賽 Modern Web DAY 24
以經典小遊戲為主題之ReactJS應用練習 系列 第 24 篇

技術 Day24 - 記憶方塊篇：畫出主畫面記憶方塊

前情提要 今天我們要來實作記憶方塊的主畫面區塊，在昨天的努力之下，我們已經把區塊都規劃好了，接下來就是要把我們的方塊畫上去。 由於前兩個遊戲 Tic-Tac-T...

Taiming ‧ 2018-11-08 ‧團隊開橋找井
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邦幫忙