react5

简介: 0. redux要点1. redux理解2. redux相关API3. redux核心概念(3个)4. redux工作流程5. 使用redux及相关库编码1. redux理解什么?: redux是专门做状态管理的独立第3方库, 不是react插件作用?: 对应用中状态进行集中式的管理(写/读)开发: 与react-redux, redux-thunk等插件配合使用2.

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
目录
相关文章
|
1月前
|
前端开发 JavaScript 编译器
使用React
使用React
12 0
|
4月前
|
存储 前端开发 JavaScript
对于React的了解与认识
对于React的了解与认识
|
5月前
|
前端开发 JavaScript 容器
React Portals
React Portals
54 0
|
9月前
|
XML 前端开发 JavaScript
react的特点
react的特点
71 0
|
9月前
|
XML 存储 缓存
|
11月前
|
前端开发 JavaScript
React 特点
React 特点
116 0
|
11月前
|
缓存 前端开发 JavaScript
React哲学思想
React是用JavaScript构建快速响应的大型Web应用程序的首选方式。由于前端我们是无法改变加载的网速,但是我们可以通过加入view界面提示加载,这样在响应的过程中不会让用户一直处于空白界面的状态。可以调用React中Lazy&Suspence来实现。如果项目崩溃或者网络崩溃的时候,可以使用ErrorBondary,展示出自己定义渲染的“错误”的UI界面
5269 1
|
机器学习/深度学习 设计模式 前端开发
React17在我看来是这样的
本文适合觉得React难学,或者想重头系统化学习React的小伙伴。
|
前端开发 JavaScript API
REACT
开始 这是一个 React 文档及相关资源的概览页面。 React 是一个用于构建用户界面的 JavaScript 库。你可以在首页或教程中学习什么是 React。
131 0
|
前端开发 JavaScript 安全
React v17 来了
React v17 来了
314 0
React v17 来了