React簡書開發實戰課程筆記 2

2021-08-28 07:58:20 字數 776 閱讀 4132

一、使用 react-transition-group 擴充套件,實現css動畫

二、ant design框架初體驗

三、redux

具體**實現:

src目錄下原有乙個index.js專案入口檔案檔案,和乙個todolist.js元件檔案

src目錄下建立store資料夾,然後在store資料夾中建立兩個檔案:index.js、reducer.js既然筆記本接收到了資料變更的資訊,那麼筆記本記錄的資料也要更新:store提供的三種方法:實際專案中,需要將actiontype名提取出來,並將每個action封裝,下面是如何提取type和封裝action:到目前為止,src目錄下的檔案結構如下:

有錯誤或不足歡迎指正~

待續…

react學習實戰 簡書 常見優化

1.在constructor方法中 做方法的bind this 優化 constructor props 2.this.setstate賦值優化 this.setstate 優化 使用es6箭頭函式 this.setstate 3.render中有些js 提取出來作為方法 gettodoitem 4...

react簡書專案學習筆記21redux使用的原則

1.store是唯一的 2.只用store可以該變state裡的內容 reducer不能直接更新state,只是返回乙個新的state給store,讓store去改變 3.reducer必須是乙個純函式 純函式 給定固定的輸入就一定有固定的輸出,而且不會有 當函式中有非同步操作或和日期相關的操作的時...

簡書專案開發筆記5 immutable的使用

immutable是facebook團隊歷時三年開發的乙個庫,利用immutable生成的物件,內容不可更改,它是不可直接賦值的物件,它可以有效的避免錯誤賦值的問題 設定屬性 import from immutable const initialstate fromjs const reducer ...