iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

React應用記錄誌 系列

去年第一次參加鐵人賽,主題是「從零開始學習React」,因為只想完成30天不間斷發文,所以內容很簡短,今年再度挑戰React,記錄React的一些應用實作筆記。

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

Day21 Redux Middleware-Logger for Redux

Redux MiddleWare是使用自定義功能擴展的redux的方法。Middleware是放置在action和Reducer之間,記錄應用程序中atcion...

2022-10-06 ‧ 由 maline77 分享
DAY 22

Day22 Redux Async Action 非同步操作

當我們建立了應用程式如todolist。每當action被dispatch時,state會立即更新,這是屬於同步操作。 如果是非同步的應用程式,從外部獲取數據並...

2022-10-07 ‧ 由 maline77 分享
DAY 23

Day23 Redux Thunk Middleware

Redux Thunk middleware 在應用程序中定義異步操作方法,thunk creator 是一個 function讓我們能夠處理非同步操作,用 d...

2022-10-08 ‧ 由 maline77 分享
DAY 24

Day24 Redux -Immer優化reducer

定義Reducers時主要規則之一是reducer不能改變原始狀態值,為了不改變原始狀態值並更新新的狀態值,使用 JavaScript 的擴展運算符(…stat...

2022-10-09 ‧ 由 maline77 分享
DAY 25

Day25 MERN Stack - 1

MERN Stack 是由(front-end)React和(backend api) node、 Express和MongoDB(database)所組成。...

2022-10-10 ‧ 由 maline77 分享
DAY 26

Day26 MERN Stack - 2設定Server App

今天要使用nodejs設置Express App,通過Express App 建立一個旳後端api,供我們從前端react應用程序到後端數據庫mongoDB進行...

2022-10-11 ‧ 由 maline77 分享
DAY 27

Day27 MERN Stack – 3 設置Routes

在server api設置不同的路由和端點,用以規劃網站路徑,方便程式管理。 一、設置不同的Routes與數據庫進行連線,並執行新增(post)刪減(delet...

2022-10-12 ‧ 由 maline77 分享
DAY 28

Day28 MERN Stack -4 - MongoDB Atlas & Mongoose

建立一個雲端數據庫mongodb atlashttps://www.mongodb.com/atlas/database 1.建立一個帳戶 建立一個組織Cre...

2022-10-13 ‧ 由 maline77 分享
DAY 29

Day29 MERN Stack -5 RESTful API

前幾個步驟己經設定好路由並和資料庫啟動並進行連線,今天建立一個Controller文件,使用request method(GET查詢 / POST新增 / PU...

2022-10-14 ‧ 由 maline77 分享
DAY 30

Day30 MERN Stack -6 Frontend React實作

完成前後端應用程式後需兩個服務器端口一致才能運行,前端react預設運行的端口port為3000,如果在backend設置的服務器端口port是4000,要解決...

2022-10-15 ‧ 由 maline77 分享