环境搭建
电脑环境
node npm/yarn包管理
chorme//ff//ie
vscode/hbuilder/sublime
ps axure
项目环境
新建一个空项目文件在里面在里面执行cmd命令 npx create-react-app 项目名称
进入项目跟目录 yarn start
项目结构
脚手架 清除原始目录 创建核心目录
样式scss
下载node-sass
建立scss后缀的样式文件
引入重置样式reset
ui架构(antd)
新建页面,配置路由
下载路由 yarn add react-routu-dom
配置路由
hashRouter Switch Route Redirect Link
高价组件willRouter
前后端交互采用axios
下载
把所有接口统一封装成函数,然后在api文件下统一管理
采用axios拦截器,提取所有公共逻辑
状态机redux管理公共数据
下载 yarn add redux react-redux
准备store
创建store
通知对象action
修改者reducer
将store数据注入组件树顶层
Procider插槽上导入
组件订阅store中的数据
connect封装暴露函数