- 建置
CRA(create react app)環境 - 以 CRA 建立 todo list
- 建立初始 todo list 畫面 (介紹 component ＆ What is render)
- 介紹畫面結構 (介紹 ref & state init)
- 讀取 todo list 建立 item (介紹 crate list )
- 新增 todo item
- 刪除 todo item
- 使用
material UI來建構 todo list 畫面 - 以
todo list為例，練習切 Component - 使用 redux 取代 state
- 使用 thunk 來建立非同步
Promise 簡述
- 一種機制，可控制回傳值送出的時機
- 生命週期 PromiseStatus
- pending
等待中 - fulfilled
已完成，成功 - rejected
已完成，失敗
- pending
- 生命週期 PromiseStatus
- 實作
new Promise(cb(resolve,reject))- 回傳參數回兩個 fn ，對應 fulfilled 、 rejected
- resolve - fulfilled
- reject - rejected
- fulfilled 、 rejected 會有特定 fn 來回傳接收的資訊
- then(cb(data))
在 fulfilled 回傳 Fn 的成功結果，對應 resolve Fn - catch(cb(err))
在 rejected 回傳 Fn 的失敗結果，對應 reject Fn
- then(cb(data))
- 當程式在 Promise 裡完成後，根據狀態傳給對應 Fn， 資料會儲存在 Promise，等待呼叫
git 筆記
webpack 學習筆記
css-info
Posted on
In
CSS