iModule of React

本地項目連接遠程代碼庫(碼雲·Github)

• 只有真正使用解決實際需求，纔算是真正掌握!
• 每一個類型嘗試實現·爭取全方面實現

項目搭建

sudo npm install -g create-react-app // 全局安裝create-react-app腳手架工具
create-react-app project-name // 建立項目

react-redux

npm install redux // redux
npm install redux-thunk // 處理異步
npm install react-redux // 優雅連接react和redux

react-router

npm install react-router-dom

less

React + Less
yarn add less less-loader

myfans-enterprise-new-bussiness-note

src/models = react-redux
src/pages = 頁面
src/components = 複用組件
package.json = 項目設置
router.config.js + menu.js = 路由設置/目錄

樣式

style = {{marginBottom: 0, display: 'inline-block'}}
className={className}
const clsString = classNames(styles.globalFooter, className);

PureComponent
什麼時候使用Component仍是PureComponent
不要在render的函數中綁定值
不要在render方法裏派生數據

組件延遲加載
React.lazy()
Suspense

dva
Dva 與 Ant-Desingn-Pro 入門與實戰
Ant Design 項目實戰

redux 裏的 reducer，接收 action，同步更新 state

npx