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