Guoguo-notes
主页
  • 常用笔记
  • 飞码篇
  • Java
  • React笔记
  • 袁果锅生态
GitHub
主页
  • 常用笔记
  • 飞码篇
  • Java
  • React笔记
  • 袁果锅生态
GitHub
  • React笔记

    • 02_react案例_笔记.md
    • 03_react-router_教程.md
    • 04_react-UI_教程.md
    • 05_redux笔记.md
    • React 笔记.md
    • React 项目配置流程.md
    • 尚硅谷React扩展笔记.md
    • 尚硅谷react-redux笔记.md

0. redux要点

1. redux理解
2. redux相关API
3. redux核心概念(3个)
4. redux工作流程
5. 使用redux及相关库编码

#1. redux理解 什么?: redux是专门做状态管理的独立第3方库, 不是react插件 作用?: 对应用中状态进行集中式的管理(写/读) 开发: 与react-redux, redux-thunk等插件配合使用

2. redux相关API

redux中包含: createStore(), applyMiddleware(), combineReducers()
store对象: getState(), dispatch(), subscribe()
react-redux: <Provider>, connect()()

3. redux核心概念(3个)

action: 
	默认是对象(同步action), {type: 'xxx', data: value}, 需要通过对应的actionCreator产生, 
	它的值也可以是函数(异步action), 需要引入redux-thunk才可以
reducer
	根据老的state和指定的action, 返回一个新的state
	不能修改老的state
store
	redux最核心的管理对象
	内部管理着: state和reducer
	提供方法: getState(), dispatch(action), subscribe(listener)

4. redux工作流程

5. 使用redux及相关库编码

需要引入的库: 
	redux
	react-redux
	redux-thunk
	redux-devtools-extension(这个只在开发时需要)
redux文件夹: 
	action-types.js
	actions.js
	reducers.js
	store.js
组件分2类: 
	ui组件(components): 不使用redux相关PAI
	容器组件(containers): 使用redux相关API
Edit this page
Last Updated:
Contributors: 袁果锅
Prev
04_react-UI_教程.md
Next
React 笔记.md