iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

線上商店串接tappay 系列

做出一個商家網站,並串接tappay的金融服務

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

使用React

React React是個前端開發框架,可以幫助我們更快的開發相對複雜的網頁。 主因是它以組件(Component)的概念為核心,允許你將UI拆分成獨立、可重用...

2023-09-26 ‧ 由 Kaycyy 分享
DAY 12

React Component

Component是構建用戶界面的基本單元,每個React應用程式都是由多個component組成的樹狀結構。 其中App.js可以被視為最初的Root com...

2023-09-27 ‧ 由 Kaycyy 分享
DAY 13

React Hook (useState)

React有一些內建的Hooks(例如useState、useEffect、useContext等)以及自定義的Hooks。 這些Hooks可以讓你在函式型組件...

2023-09-28 ‧ 由 Kaycyy 分享
DAY 14

React outputting list

今天結合usestate hook和javascript,輸出不同資料組合出的list,首先我們將資料以key跟value擺放。 const [blogs,se...

2023-09-29 ‧ 由 Kaycyy 分享
DAY 15

React props

如果想重複使用同一筆資料以增加靈活性,我們可能需要在component之間傳遞參數,這時候就可以使用React的props。 React 中的 "pr...

2023-09-30 ‧ 由 Kaycyy 分享
DAY 16

React useEffect

useEffect 是 React 函式組件中用於處理副作用的 Hook。副作用指的是與組件渲染無直接關聯的任何操作,例如資料獲取、訂閱事件、手動操作 DOM...

2023-10-01 ‧ 由 Kaycyy 分享
DAY 17

React Fetch data

useEffect可以用來管理執行時機,我們嘗試使用useeffect的性質,來取得json格式的資料。 JSON(JavaScript Object Nota...

2023-10-02 ‧ 由 Kaycyy 分享
DAY 18

React handling fetch error

如果我們希望在fetch data的空檔,顯示Loading…的字樣,可以使用useState加上邏輯, 例如 ispending被設為true時顯示Loadi...

2023-10-03 ‧ 由 Kaycyy 分享
DAY 19

React custom Hook

在前面我們使用useffect和fetch()來取得資料,裡面包含了資料後續處理,例外狀況處理,和Loading顯示等等。 為了讓這個功能可以被重複利用,去抓取...

2023-10-04 ‧ 由 Kaycyy 分享
DAY 20

React Router

建立一個網站時我們可能由多個頁面,藉由點擊跳轉去完成。在正常情況,我們發送一個initial url到server,server回傳一個root網頁給我們,之後...

2023-10-05 ‧ 由 Kaycyy 分享