iT邦幫忙

react相關文章
共有 1540 則文章
4 Like 2 留言 3438 瀏覽
鐵人賽 Modern Web DAY 20
以經典小遊戲為主題之ReactJS應用練習 系列 第 20 篇

技術 Day20 - 貪吃蛇篇：虛擬方向鍵及暫停遊戲

前情提要及動機 在 Day11 的功能構想中我們有提到，雖然到昨天 Day19 整個貪吃蛇遊戲已經很完整了，但是有一點美中不足的地方，就是透過手機開啟這個遊戲的...

Taiming ‧ 2018-11-04 ‧團隊開橋找井
0 Like 0 留言 3438 瀏覽
鐵人賽 Modern Web DAY 21
React - DOM界的彼方 系列 第 21 篇

技術 Day 21: React篇 - TodoApp程式 + 編輯項目

今天的主題是要加入項目的編輯功能，以及更多的CSS樣式。至於重點部份有兩個，第一個是CSS樣式的加入，第二個是如何切換項目的編輯。 這個程式最後的呈現結果，會...

eyesofkids ‧ 2016-12-21
6 Like 8 留言 3412 瀏覽
鐵人賽 Modern Web DAY 30
一步一腳印的React旅程 系列 第 30 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(10)-剩下兩個頁面完全不是問題，還有最後的完賽感言

終終終於來到了每天朝思暮想的第三十天了，ㄛ天吶，這一路走來真的很漫長，不過每次回頭看看都會有覺得什麼時候發那麼多篇去了！的感覺XD，在打這段話的時候我覺得還滿適...

神Q超人 ‧ 2018-11-04 ‧團隊IT成長營
5 Like 2 留言 3407 瀏覽
鐵人賽 Modern Web DAY 23
一步一腳印的React旅程 系列 第 23 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(3)-開始添加事件篇

Hi！大家好！一天做一點點的感覺有點像以前買的科學雜誌XD，要從創刊號慢慢蒐集到最後，把所有的贈品都留下來才能組合出一個完整的東西，哈哈！ 話說剛露營回來，不知...

神Q超人 ‧ 2018-10-28 ‧團隊IT成長營
1 Like 0 留言 3391 瀏覽

技術 React 父組件傳遞 methods props 給子組件

挑戰 React 第十七篇 在 React 第十一篇了解透過 element 傳遞 props，此篇要介紹要寫傳父組件裡的方法給子組件。 目標 子組件按了按鈕...

tom_yukuan ‧ 2019-12-22
2 Like 0 留言 3368 瀏覽
鐵人賽 Modern Web DAY 10
從比入門再往前一點開始，一直到深入React.js 系列 第 10 篇

技術 【Day.10】React入門 - JSX語法

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-09-25
3 Like 0 留言 3364 瀏覽
鐵人賽 Modern Web DAY 27
從比入門再往前一點開始，一直到深入React.js 系列 第 27 篇

技術 【Day.27】React進階 - 用useReducer定義state的更動原則

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-12
1 Like 0 留言 3363 瀏覽
鐵人賽 Modern Web DAY 10
前端工程師一起來種一棵後端技能樹吧！ 系列 第 10 篇

技術 [Day 10] Proxy Pattern

其實 Proxy 是一個相當廣的概念，它可以代表一種設計模式，也可以代表實際存在的網路實體。若是實體，又可以存在於 backend server 之間，也能存...

莫力全 Kyle Mo ‧ 2020-09-23 ‧團隊不要搶我隊友
3 Like 1 留言 3349 瀏覽
鐵人賽 Modern Web DAY 14
以經典小遊戲為主題之ReactJS應用練習 系列 第 14 篇

技術 Day14 - 貪吃蛇篇：畫出主畫面地圖

昨天 Day13 我們已經把畫面區塊規劃出來了，今天要來把主畫面地圖畫好。 地圖畫面座標系 我們需要一個 xy 軸的二維直角座標系，這邊我的做法是把地圖切成...

Taiming ‧ 2018-10-29 ‧團隊開橋找井
0 Like 0 留言 3341 瀏覽
鐵人賽 Modern Web DAY 26
Spring Boot and React - 前後端 30 天分手日記 系列 第 26 篇

技術 Day 26 - React Router And Link

上一章 Day 25 - React Fetch 向後端API請求資料(2) React 導頁與控制使用 react-router-dom 安裝的話只要按CTR...

Aiden ‧ 2019-10-12
1 Like 0 留言 3332 瀏覽
鐵人賽 Modern Web DAY 29
Spring Boot and React - 前後端 30 天分手日記 系列 第 29 篇

技術 Day 29 - React Tree Graph 樹狀結構圖

上一章 Day 28 - React And BootStrap 卡片式資訊 Card 樹狀結構圖是許多網站都會用到的東西 大部分是資料夾結構, 抽屜式結構.....

Aiden ‧ 2019-10-15
5 Like 1 留言 3321 瀏覽
鐵人賽 Modern Web DAY 13
一次打破 React 常見的學習門檻與觀念誤解 系列 第 13 篇

技術 [Day 13] 深入理解 batch update

從前面的章節中我們已經充分地了解到，當呼叫 setState 方法時就會觸發對應 state 定義的 component 的 re-render。然而當我們呼叫...

Zet ‧ 2022-09-28
0 Like 0 留言 3306 瀏覽
鐵人賽 自我挑戰組 DAY 5
React初心者30天的探索之路 系列 第 5 篇

技術 [Day 05] React JSX - html 和JavaScript的完美結合

React利用JSX語法來開發，類似XML的寫法，可以將UI介面跟程式邏輯跟緊密的結合（在html中使用JavaScript語法），一般的瀏覽器是看不懂JSX的...

Lieutenant ‧ 2020-09-05
0 Like 0 留言 3305 瀏覽
鐵人賽 Modern Web DAY 12
RRRR的世界 (Ruby on Rails + React + Redux) 系列 第 12 篇

技術 Day 12, React props and state 藏在component裡的變數

今天終於要開始講ReactJs了，我選擇先把Props跟State先講，因為這會關係到component的重新生成(re-render)。好！先看看之前的Hel...

Joseph-bug ‧ 2016-12-27
0 Like 0 留言 3302 瀏覽
鐵人賽 Modern Web DAY 28
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 28 篇

技術 【Day28】反饋元件 - Modal

元件介紹 Modal 元件為彈出相關元件提供了重要的基礎建設，如 Dialog、Popover、Drawer...等等。 參考設計 & 屬性分析 各家元...

Taiming ‧ 2021-10-11 ‧團隊董事長清潔隊
2 Like 0 留言 3296 瀏覽
鐵人賽 Modern Web DAY 11
從比入門再往前一點開始，一直到深入React.js 系列 第 11 篇

技術 【Day.11】React入門 - function component、props、children

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-09-26
5 Like 1 留言 3291 瀏覽
鐵人賽 Modern Web DAY 15
一步一腳印的React旅程 系列 第 15 篇

技術 [筆記][React]當React遇上Redux(3)-從React組件操作Reducer

Hihi！大家好！這樣子的開頭還要在鐵人賽結束前繼續用下去，請大家多多包涵XD，昨天我們已經能夠從Redux中取到資料了，今天要來說說該怎麼把透過React來觸...

神Q超人 ‧ 2018-10-20 ‧團隊IT成長營
2 Like 0 留言 3286 瀏覽
鐵人賽 Modern Web DAY 15
以經典小遊戲為主題之ReactJS應用練習 系列 第 15 篇

技術 Day15 - 貪吃蛇篇：讓蛇的頭動起來

有了地圖之後，我們就可以開始讓蛇在上面爬了，今天我們的目標是畫出蛇的頭，並且可以操控他在地圖上跑來跑去。 新增蛇的物件 首先我們先來新增一個蛇的物件 const...

Taiming ‧ 2018-10-30 ‧團隊開橋找井
1 Like 1 留言 3269 瀏覽
鐵人賽 Modern Web DAY 30
Spring Boot and React - 前後端 30 天分手日記 系列 第 30 篇

技術 Day 30 - MySQL Trigger MD5加密 & 同步Fetch API

上一章 Day 29 - React Tree Graph 樹狀結構圖 在這隱私權高漲的年代, 所有個資與重要資訊都必須加密 之前有寫過一篇用Java做MD5加...

Aiden ‧ 2019-10-16
1 Like 0 留言 3266 瀏覽
鐵人賽 Modern Web DAY 13
以經典小遊戲為主題之ReactJS應用練習 系列 第 13 篇

技術 Day13 - 貪吃蛇篇：頁面佈局規劃

頁面佈局規劃 如同前篇遊戲 Tic Tac Toe 一樣，我們要來規劃一下遊戲的畫面，因為我希望我們貪吃蛇的遊戲在電腦上可以玩，在手機上也可以玩，所以我想要把遊...

Taiming ‧ 2018-10-28 ‧團隊開橋找井
0 Like 0 留言 3262 瀏覽
鐵人賽 Modern Web DAY 26
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 26 篇

技術 【Day26】反饋元件 - Progress bar

元件介紹 Progress bar 是能夠展示當前進度的進度條元件。當一個操作需要顯示目前百分比，或是需要較長時間等待運行的時候，能夠使用這樣的元件提示用戶目前...

Taiming ‧ 2021-10-09 ‧團隊董事長清潔隊
0 Like 0 留言 3261 瀏覽
鐵人賽 Modern Web DAY 7
用React刻自己的投資Dashboard 系列 第 7 篇

技術 用React刻自己的投資Dashboard Day7 - CORS與Proxy Server

tags: 2021鐵人賽 React 上一篇在串接API的時候有遇到一個前端蠻常見的問題，跨來源資源共用(CORS)被阻擋，錯誤代碼如下： 打開瀏覽器的con...

Sean Liu ‧ 2021-09-22
2 Like 0 留言 3247 瀏覽
鐵人賽 Modern Web DAY 5
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 5 篇

技術 Day05 X Code Minimize & Uglify

從今天開始終於要正式進入介紹前端效能優化各種技巧的章節了，如果到今天還願意繼續堅持看下去的讀者記得給自己一些掌聲 ? 如果對效能優化幾乎是零基礎的讀者也別擔心...

莫力全 Kyle Mo ‧ 2021-09-20 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 3246 瀏覽
鐵人賽 Modern Web DAY 12
React + GraphQL 全端練習筆記 系列 第 12 篇

技術 Redux 簡介

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

Jasper ‧ 2020-09-25 ‧團隊Outcome First
1 Like 0 留言 3222 瀏覽
鐵人賽 自我挑戰組 DAY 22
不前不後，不上不下，一個曾經交大資工書卷的軟體工程師成長之路 系列 第 22 篇

技術 美好的幻覺：Frontend 前端

先分享下 Frontend 的發音https://www.youtube.com/watch?v=ZdtpKFbhTtk 記得是 Frontend 不是 Fro...

Mike Fang ‧ 2020-09-30
1 Like 0 留言 3197 瀏覽
鐵人賽 Modern Web DAY 7
一次打破 React 常見的學習門檻與觀念誤解 系列 第 7 篇

技術 [Day 07] JSX 根本就不是在 JavaScript 中寫 HTML

在前面的章節中，我們已經詳細的解析了 React element 相關的核心概念以及建立的方法。不過當你去參考絕大多數的 React 專案的程式碼時，你會發現幾...

Zet ‧ 2022-09-22
0 Like 0 留言 3171 瀏覽
鐵人賽 自我挑戰組 DAY 10
React初心者30天的探索之路 系列 第 10 篇

技術 [Day 10] React CSS 最重要的小事（上）

今天要來介紹在React裡面有哪幾種撰寫css的方式 方法1:inline-style： 這是我最不習慣的寫法，畢竟要用駝峰式的格式寫，就沒有樣式語法自動提示了...

Lieutenant ‧ 2020-09-10
7 Like 1 留言 3159 瀏覽
鐵人賽 Modern Web DAY 26
一步一腳印的React旅程 系列 第 26 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(6)-上吧！迴圈！

Hi！大家好啊！其實最後五篇的時候一直在作品中間鬼打牆XD，有時候想說這樣做，睡前又想說可以這樣做，起床改一改上班又想到另外一個作法，總之真的覺得第一次使用組件...

神Q超人 ‧ 2018-10-31 ‧團隊IT成長營
0 Like 0 留言 3156 瀏覽
鐵人賽 Modern Web DAY 18
React + GraphQL 全端練習筆記 系列 第 18 篇

技術 仿Trello - 串接Unsplash API

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

Jasper ‧ 2020-10-01 ‧團隊Outcome First
0 Like 0 留言 3148 瀏覽
鐵人賽 Modern Web DAY 24
你 React 了嗎? 30 天解鎖 React 技能 系列 第 24 篇

技術 [DAY 24] React-router-dom 路由設定教學，實現頁面跳轉(下)

延續上一篇 DAY23 的 React-router-dom 繼續往下介紹，如果沒看過的朋友，建議可以先看上一篇哦！ 本篇將介紹 動態路由參數 當前路由資訊...

Lala Wang ‧ 2022-10-09
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邦幫忙