iT邦幫忙

react相關文章
共有 1540 則文章
0 Like 0 留言 1778 瀏覽
鐵人賽 Modern Web DAY 2
用React刻自己的投資Dashboard 系列 第 2 篇

技術 用React刻自己的投資Dashboard Day2 - 網站Wireframe設計

tags: 2021鐵人賽 React 投資Dashboard內容設計 要實際動手製作wireframe之前，先來規劃一下圖表的內容有什麼，一般來說，投資相關的...

Sean Liu ‧ 2021-09-17
0 Like 0 留言 1777 瀏覽
鐵人賽 Modern Web DAY 28
Follow me! 來一場前端技能樹之旅 系列 第 28 篇

技術 [Day 28 - 小試身手] Todolist with React (3)

在上一章Todolist with React (2)，完成所有樣式設定後，現在就讓我們在 React 中加入 Redux，使用 React-redux 動態...

May ‧ 2021-10-11
0 Like 0 留言 1777 瀏覽
鐵人賽 Modern Web DAY 28
你 React 了嗎? 30 天解鎖 React 技能 系列 第 28 篇

技術 [DAY 28] Redux Toolkit 非同步操作createAsyncThunk

做前端時一定會碰到非同步操作，本篇將使用 axios 搭配 Redux Toolkit 來作範例串接 API，可以先將 axios 環境安裝起來 安裝 Axi...

Lala Wang ‧ 2022-10-13
0 Like 0 留言 1770 瀏覽
鐵人賽 Modern Web DAY 4
用Gatsby.js做出一個簡單的部落格 系列 第 4 篇

技術 Day4. React的基本用法 (三)

props 當父元件想要傳參數給子元件，子元件想要從父元件那邊得到資料時，我們就會用到props這個東西了~用法十分簡單，首先，我們新增一個檔案src/...

轟天旅人 ‧ 2019-09-08
1 Like 2 留言 1768 瀏覽
鐵人賽 自我挑戰組 DAY 30
請你當我的好朋友吧！ReactJS！ 系列 第 30 篇

技術 【DAY 30】鐵人練成！完賽心得！很累、很好玩。

「不然我也來參加這次的鐵人賽好了。」 　　就是上面一句無心的話就開啟我這三十天的鐵人歷程，說實在的，如果不是去年有老師分享過IT邦鐵人賽的文章，我想我應該從來不...

Hyora ‧ 2018-11-05
0 Like 0 留言 1767 瀏覽
鐵人賽 Modern Web DAY 20
以 Kotlin 為主要語言建構基本的 Online Judge 系統 系列 第 20 篇

技術 Day 20：批改系統網頁 (2) - 使用 Kotlin-React 進行專案開發

昨天我們成功地建立了一個基本的 Kotlin/JS 專案，今天就讓我們開始來安裝前端常使用的套件 React 的 Kotlin 包裝版吧！ React 介紹與...

灆洢 a.k.a Maplewing ‧ 2020-09-20
1 Like 0 留言 1765 瀏覽
鐵人賽 Modern Web DAY 7
All In One NFT Website Development 系列 第 7 篇

技術 Day 7【錢包登入區 - Login Button】Kitten or Ice Cream?

【前言】先來回顧一下 Day2 Project 分析的使用者流程，今天先來做第一步的 「登入按鈕」 吧！因為自己負責前端的部分並沒有很多，所以如果時間允許的話...

ALu ‧ 2021-09-19 ‧團隊Obit0 Studio
1 Like 0 留言 1763 瀏覽
鐵人賽 Modern Web DAY 3
用React刻自己的投資Dashboard 系列 第 3 篇

技術 用React刻自己的投資Dashboard Day3 - React專案初始架構

tags: 2021鐵人賽 React 使用 Creat react app 對於React的初學者來說，create react app是最好的朋友，可以快速...

Sean Liu ‧ 2021-09-18
0 Like 0 留言 1762 瀏覽
鐵人賽 Modern Web DAY 10
30天學 React.js 系列 第 10 篇

技術 [Day10] [筆記]React Hooks-useMemo、useCallback

前言 我們昨天介紹了 Hooks 中比較常用的 UseState 跟 UseEffect，那我們今天繼續接著介紹另外一種類型的 Hooks - Memorize...

chunwen ‧ 2021-09-25
0 Like 0 留言 1762 瀏覽
鐵人賽 Modern Web DAY 16
Zero to hero with React.js 系列 第 16 篇

技術 【Day 16 React】React Flux 架構—— Store Event

上一篇文章介紹了 Flux 的基礎，今天就讓我們用 To-do app 來更深入了解 Flux 架構的運作原理吧～～～～～～ Store Change 每一次的...

TSAI ‧ 2017-12-22
0 Like 1 留言 1762 瀏覽
鐵人賽 Modern Web DAY 28
關於 UI 元件你所該知道的事 系列 第 28 篇

技術 Day 28 - 實戰演練 — Pagination

Pagination 今天要實作的只是一個最基本的 Pagination，而我個人覺得在處理換頁時維持固定長度的邏輯挺有趣的，所以特別在最後一篇實作拿出來講...

parkerhiphop027 ‧ 2021-10-13
0 Like 0 留言 1755 瀏覽

技術 React hooks 的基礎概念：hooks鏈表

當函數組件進入render階段時，會被renderWithHooks函數處理。函數組件作為壹個函數，它的渲染其實就是函數調用，而函數組件又會調用React提供的...

nero ‧ 2021-02-14
1 Like 0 留言 1751 瀏覽
鐵人賽 Modern Web DAY 17
React + GraphQL 全端練習筆記 系列 第 17 篇

技術 仿Trello - 客製化拖曳圖示

本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 目...

Jasper ‧ 2020-09-30 ‧團隊Outcome First
0 Like 0 留言 1751 瀏覽
鐵人賽 自我挑戰組 DAY 16
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 16 篇

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

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

一宵三筵 ‧ 2023-09-30
0 Like 0 留言 1738 瀏覽
鐵人賽 Modern Web DAY 23
【 我不會寫 React Component 】 系列 第 23 篇

技術 如何製作輪播 carousel 1【 carousel | 我不會寫 React Component 】

About 輪播透過類似幻燈片的方式接連展示一部份的物件。 通常輪播一次只會呈現一張幻燈片， 用戶可以控制輪播的當前幻燈片像是往前一張或是往後一張。 在部分實...

HelloKayac ‧ 2022-10-06
0 Like 0 留言 1734 瀏覽
鐵人賽 Modern Web DAY 2
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 2 篇

技術 【Day02】數據輸入元件 - Switch

元件介紹 Switch 元件是一個開關的選擇器。在我們表示開關狀態，或兩種狀態之間的切換時，很適合使用。根據 Antd 的說明，這個元件和 checkbox 其...

Taiming ‧ 2021-09-15 ‧團隊董事長清潔隊
0 Like 0 留言 1728 瀏覽
鐵人賽 自我挑戰組 DAY 26
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 26 篇

技術 【Day26】ChatGPT請教教我：React進階（四）- useReducer、useContext vs. Redux ?

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

一宵三筵 ‧ 2023-10-10
0 Like 0 留言 1722 瀏覽
鐵人賽 Modern Web DAY 30
用React刻自己的投資Dashboard 系列 第 30 篇

技術 用React刻自己的投資Dashboard Day30 - 股票代號輸入防呆機制

tags: 2021鐵人賽 React 股票代號輸入錯誤當機問題 Day28的文章有提到，當使用者想要輸入股票代號看K線圖時，如果輸入的股票代號是錯誤的，也就是...

Sean Liu ‧ 2021-10-15
1 Like 0 留言 1721 瀏覽
鐵人賽 Modern Web DAY 8
All In One NFT Website Development 系列 第 8 篇

技術 Day 8【錢包登入區 - Loading Message】阿嬤為什麼妳有感覺？

【前言】一樣先來回顧一下 Day2 Project 分析的使用者流程，今天來做第二步的**「驗證帳號讀取時的 Loading 特效」**。我發現寫 React...

ALu ‧ 2021-09-20 ‧團隊Obit0 Studio
0 Like 0 留言 1716 瀏覽
鐵人賽 Modern Web DAY 25
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 25 篇

技術 【Day25】反饋元件 - Skeleton

元件介紹 Skeleton 是一個骨架載入元件(Skeleton Screen Loading)，跟 Spin 不同的是，Skeleton 幫助我們在頁面載入完...

Taiming ‧ 2021-10-08 ‧團隊董事長清潔隊
0 Like 0 留言 1715 瀏覽
鐵人賽 Modern Web DAY 21
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 21 篇

技術 【Day21】導航元件 - Drawer

元件介紹 Drawer 抽屜元件，由螢幕邊緣滑出的浮動面版，常見的應用是作為導航用途，例如 Navigation drawers。 參考設計 & 屬性分...

Taiming ‧ 2021-10-04 ‧團隊董事長清潔隊
3 Like 0 留言 1711 瀏覽
鐵人賽 Modern Web DAY 2
深入淺出，完整認識 Next.js 13 ！ 系列 第 2 篇

技術 Day 02 - 認識 Next.js，什麼是全端框架？

當我聽到一個新名詞，在 dive in 前，第一步我一定會問自己：要怎麼用一句話來解釋這個名詞？所以該怎麼用一句話說明 Next.js 是什麼呢？ 我會說 Ne...

S.C ‧ 2023-09-02
0 Like 0 留言 1710 瀏覽
鐵人賽 Modern Web DAY 22
Zero to hero with React.js 系列 第 22 篇

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

Action 的設定 有 provider，有 store，有 reducer，明星三缺一，現在只缺 action 啦！第一個要定義的 action，就來寫寫選...

TSAI ‧ 2017-12-28
1 Like 1 留言 1708 瀏覽
鐵人賽 Modern Web DAY 30
React.js 從 【0】 到【1】推坑計畫 系列 第 30 篇

技術 【Last Day】完賽心得

沒想到就這樣成功完成鐵人挑戰了，這次是第一次參加，所以原先的目標就是能夠成功完賽，３０天其實還滿難的，尤其在原本沒有庫存文章的情況下，每天都要花大概1小時以上的...

莫力全 Kyle Mo ‧ 2019-10-04
1 Like 2 留言 1707 瀏覽
鐵人賽 Modern Web DAY 17
一次打破 React 常見的學習門檻與觀念誤解 系列 第 17 篇

技術 [Day 17] Immutable update 的 nested reference clone 誤解

在前兩篇的章節中，我們已經了解到在 React 開發中 immutable update 的必要性以及基本的操作方法了。然而有趣的是，在我擔任前端面試官多年也面...

Zet ‧ 2022-10-02
0 Like 0 留言 1705 瀏覽
鐵人賽 Modern Web DAY 5
React + GraphQL 全端練習筆記 系列 第 5 篇

技術 仿Trello - 添加 Stylesheets

本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 在...

Jasper ‧ 2020-09-18 ‧團隊Outcome First
0 Like 0 留言 1701 瀏覽
鐵人賽 Modern Web DAY 21
1995到2021，php到react網站開發歷程 系列 第 21 篇

技術 DAY21-導覽設計之Navbar

前言： 接下來要來完成我們網站的導覽部分了，這裡阿森主要分為兩個大項目，分別是Navbar和Sidebar。Navbar就是一般看網頁時會浮在最上面的導覽選單...

Cooksuhr ‧ 2021-10-03 ‧團隊Obit0 Studio
0 Like 0 留言 1700 瀏覽
鐵人賽 自我挑戰組 DAY 11
請你當我的好朋友吧！ReactJS！ 系列 第 11 篇

技術 【DAY 11】Redux不是小三！它只是和ReactJS較契合！

【前言】　　完成三分之一的鐵人賽，接下來的文章要來介紹我最害怕的東西「Redux」，為什麼我要這麼說？因為即便我知道它的Redux概念是什麼，要我直接手寫出來我...

Hyora ‧ 2018-10-17
0 Like 0 留言 1693 瀏覽
鐵人賽 Modern Web DAY 9
關於 UI 元件你所該知道的事 系列 第 9 篇

技術 Day 09 - Design System x 實作 — Typography

雖然昨天已經介紹了如何在你的網頁中實作 Color System，但嚴格上來說今天才算是這系列第一篇的實作，畢竟 Color 只涵蓋了 CSS 的部分，並且是...

parkerhiphop027 ‧ 2021-09-24
1 Like 0 留言 1692 瀏覽
鐵人賽 Modern Web DAY 18
一次打破 React 常見的學習門檻與觀念誤解 系列 第 18 篇

技術 [Day 18] Function component & class component 你可能不知道的關鍵區別

在解析過 React 的畫面更新的核心觀念以及 setState 進階的細節之後，接下來我們會往下一個大主題邁進 — 有關於 component 的 rende...

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