iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

為期 30 天的 react 大冒險 系列

初學者學習 react 為期30天的紀錄

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

react 大冒險-fetch data from API-day 18

react 如同一般 js,可以對 api 發出請求並取回值 send request 的幾種方法 js 是 synchronous 特性的語言,在同時間下,一...

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

react 大冒險-Lifecycle method-day 19

接續上篇,使用 promise 對 external api 取得值,但如果想要在頁面讀取時就顯示出值,而不是等待使用者操作後才取值就要靠 react 中的 l...

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

react 大冒險-higher order component-day 20-1

這篇來說明 React 實用的概念-高階元件(higher order component)所謂的 higher order,其實在 js 中也有類似的概念,叫...

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

react 大冒險-higher order component-day 20-2

上篇說明了 higher-order-component 的概念用一個簡單的案例作為例子 開新檔案,名為 ClickerCounter.js希望點擊元件上的按鈕...

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

react 大冒險-react router-day 21-1

繼前面提到 HOC 的概念後,緊接著介紹也是相當實用的 react router 本文使用的版本會因版本不同 有些微差異 "react-router...

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

react 大冒險-react router-day 21-2

今天繼續對 react router 做說明 除了上篇的 Link 外,react-router 還有一個叫 NavLink 的東西.. NavLink com...

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

react 大冒險-conditional rendering-day 22

寫著寫這竟然忘記了 conditional rendering 這回事XD把這部分補回來 什麼是 conditional rendering condition...

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

react 大冒險-render props-day 23

繼 higher-order-component 後,今天來說明 react 中另個概念 render-props所謂的 render-props 就是在 co...

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

react 大冒險-setTimeout setInterval in react -day 24

今天來說明如何在 react 內執行 setTimeout 跟 setInterval 複習概念,在 react 的生命週期中提到,`componentDidM...

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

react 大冒險-一些實用的 package-day 30

今天似乎是第 30 天,輕鬆一下~來介紹一些好用的 package (偽)結賽感言 總之晃的一下就 30 天了,怎麼感覺好像才剛開賽沒多久XDD沒想到今年竟然成...

2020-10-14 ‧ 由 dc88 分享