去年第一次參加鐵人賽,主題是「從零開始學習React」,因為只想完成30天不間斷發文,所以內容很簡短,今年再度挑戰React,記錄React的一些應用實作筆記。
Redux MiddleWare是使用自定義功能擴展的redux的方法。Middleware是放置在action和Reducer之間,記錄應用程序中atcion...
當我們建立了應用程式如todolist。每當action被dispatch時,state會立即更新,這是屬於同步操作。 如果是非同步的應用程式,從外部獲取數據並...
Redux Thunk middleware 在應用程序中定義異步操作方法,thunk creator 是一個 function讓我們能夠處理非同步操作,用 d...
定義Reducers時主要規則之一是reducer不能改變原始狀態值,為了不改變原始狀態值並更新新的狀態值,使用 JavaScript 的擴展運算符(…stat...
MERN Stack 是由(front-end)React和(backend api) node、 Express和MongoDB(database)所組成。...
今天要使用nodejs設置Express App,通過Express App 建立一個旳後端api,供我們從前端react應用程序到後端數據庫mongoDB進行...
在server api設置不同的路由和端點,用以規劃網站路徑,方便程式管理。 一、設置不同的Routes與數據庫進行連線,並執行新增(post)刪減(delet...
建立一個雲端數據庫mongodb atlashttps://www.mongodb.com/atlas/database 1.建立一個帳戶 建立一個組織Cre...
前幾個步驟己經設定好路由並和資料庫啟動並進行連線,今天建立一個Controller文件,使用request method(GET查詢 / POST新增 / PU...
完成前後端應用程式後需兩個服務器端口一致才能運行,前端react預設運行的端口port為3000,如果在backend設置的服務器端口port是4000,要解決...