学习日记一

创建react项目

全局安装react脚手架------npm install -g create-react-app

创建react初始项目------create-react-app learn-react （注意区分中文和英文的--）

关于Git

查看一下所有的分支（git branch -a ）,也可以单独查看远程分支（git branch -r ）

redux目录结构的划分（基本使用）

创建一个store文件，里面四个文件

1.index.js -- 引入reducer

 

 

 

2.reducer.js---1.数据的初始化 2.定义reducer

3.actionCreators.js--创建actions（也可以写成箭头函数如下）

 

 

 4.constants.js--定义常量

 

 在外面的页面js中使用store

1.派发action

2.利用函数生成action对象，增强扩展性

subcribe函数是订阅了store，每当数据发生改变就会调用一次

 步骤：

1.需要实现decrement 在需要用到的地方进行派发 store.dispatch(increment)===>找到对应的acton要导入actionCreators 例如拿到addAction

2.在actionCreators里面export对应的incAction()函数

3.在constants里面定义对应的type常量，在actionCreators和reducer里面引用

4.在reducer里面做对应的处理

react与redux结合

在组件里面的componentDidMount里面进行订阅，监察store中state的变化，this.setState

订阅与取消

redux的使用流程