作者:DomincLiu | 来源:互联网 | 2023-08-23 19:01
本地项目链接远程代码库(码云·Github)只有真正使用解决实际需求,才算是真正掌握!每个类型尝试实现·争取全方面实现项目搭建sudonpminstall-gcreate-reac
本地项目链接远程代码库(码云·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