iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

為期 N 天的 react 小冒險 系列

學如逆水行舟,不進則退
退步了兩年的我早就把概念都忘光啦T_T
跟我一起從頭開始菜鳥的 React 大冒險吧(誤

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 21

react route-1(基本設置/Routes/Route/Link)-day21

本文以 react route 版本6以上做說明,舊版本不在本文涵蓋範圍中~ react route react route 就是讓 react 專案中能進行路...

2022-10-05 ‧ 由 dc88 分享
DAY 22

react route-2(404 page)-day22

時間過的好快 轉眼就第22天了,究竟能不能撐到最後一天呢XDD最近不幸確診了,整個頭重腳輕中,文章品質可能會下降補完的部分要等到康復後再慢慢做完善~還請諸看倌們...

2022-10-06 ‧ 由 dc88 分享
DAY 23

react route-3(index/Outlets)-day23

整整睡了一天 還是咳嗽咳個不停 頭重腳輕確診真的是滿不舒服的 之後要是幸運完賽後 應該會重新編輯內文吧(品質慘不忍睹XD 在首頁下渲染其他路由組件 index...

2022-10-07 ‧ 由 dc88 分享
DAY 24

用 react hook 做一個城市天氣卡-part1(with axios fetch data)-day24

暫時揮別 react router 的部分,這次來實作一個小型的互動程式,用 react hook 及 axios 向 api 取得特定城市的氣溫資料 安裝 a...

2022-10-08 ‧ 由 dc88 分享
DAY 25

用 react hook 做一個城市天氣卡-part2-day25

接續把拿回來的資料做整理拿回來的資料像這樣一大串.. 插播一下,使用 chrome 可以安裝一下 Json Formatter 這個 extension功用是可...

2022-10-09 ‧ 由 dc88 分享
DAY 26

用 react hook 做一個 wordle clone 猜字遊戲-part1(遊戲規則 / 外觀)-day 26

開頭前幾天一直覺得會翻船,自認無法撐到結束XD結果沒想到苟延殘喘的來到第26天,真是奇蹟等活動結束後,再找點時間把內容重新寫的更完善吧 最後幾天來挑戰,做一個前...

2022-10-10 ‧ 由 dc88 分享
DAY 27

用 react hook 做一個 wordle clone 猜字遊戲-part2-day 27

昨天好不容易搞定了外觀今天來處理得到題目答案的部分 獲得題目的答案 要獲得題目的答案有幾種方法,分別是 第三方api 自有的資料庫 json file...

2022-10-11 ‧ 由 dc88 分享
DAY 28

用 react hook 做一個 wordle clone 猜字遊戲-part3-day 28

用 axios fetch data 成功從 port3001 取得 db.json 的資料後一樣用 axios 從 react app 中呼叫用 json-s...

2022-10-12 ‧ 由 dc88 分享
DAY 29

用 react hook 做一個 wordle clone 猜字遊戲-part4-day 29

之前在 react hook 系列中提過,當要在 component 之間取用共同(相同)的方法或邏輯時時,可以使用 custom hook快速回憶一下,所謂...

2022-10-13 ‧ 由 dc88 分享
DAY 30

用 react hook 做一個 wordle clone 猜字遊戲-part5-day 30

寫鍵盤事件前,來回顧一下 remove event handler 的機制 remove event handler 的重要性 對某個動作(滑鼠/鍵盤事件)新增...

2022-10-14 ‧ 由 dc88 分享