hn-failte's blog hn-failte's blog
首页
  • 前端文章

    • JavaScript
    • Vue
    • React
    • Webpack
    • 混合开发
    • 小程序
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《React》笔记
    • 《TypeScript 从零实现 axios》
    • 《Git》学习笔记
    • TypeScript笔记
    • JS设计模式总结笔记
    • 圆角边框锯齿问题
    • 各国语言正则
  • HTML&CSS
  • HTML
  • CSS
  • CSS预处理
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 算法
  • 数据库
  • 操作系统
  • 工具
  • 学习
  • 面试
  • 心情杂货
  • 前端相关
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

hn-failte

前端cv仔
首页
  • 前端文章

    • JavaScript
    • Vue
    • React
    • Webpack
    • 混合开发
    • 小程序
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《React》笔记
    • 《TypeScript 从零实现 axios》
    • 《Git》学习笔记
    • TypeScript笔记
    • JS设计模式总结笔记
    • 圆角边框锯齿问题
    • 各国语言正则
  • HTML&CSS
  • HTML
  • CSS
  • CSS预处理
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 算法
  • 数据库
  • 操作系统
  • 工具
  • 学习
  • 面试
  • 心情杂货
  • 前端相关
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • Webpack

  • React

    • React中context的用法
    • React中Hooks的使用
    • React之immutable的使用
    • React性能优化
    • Redux的使用
    • 为什么项目不使用Redux
      • Redux的由来
      • Redux的思想
      • Redux的使用场景
      • 为什么不用Redux
    • React配置Webpack开发环境
    • 谈谈Vue/React中的虚拟DOM(VDOM)与Key值
  • JavaScript

  • Vue

  • 混合开发

  • 学习笔记

  • 小程序

  • 前端
  • React
hn-failte
2020-03-18

为什么项目不使用Redux

# 为什么不用Redux

在React项目中,往往都配合Redux,但是,换了公司后,发现新公司的项目居然没有使用Redux,我意识到自己从来没有想过为什么项目中要用Redux......

# Redux的由来

最开始React中是流行是使用Flux处理数据,但是Flux基本上都是需要手动实现,于是便产生了Redux。

# Redux的思想

核心思想:

  • 单一数据源
  • 状态是只读的
  • 纯函数

基本方法: Redux包含createStore、combineReducer、dispatch、getState、subscribe等方法

数据流向: UI层提前subscribe更新UI的订阅事件 UI层dispatch一个action action经过Store传递到Reducer Reducer修改Store中的数据并emit订阅事件 订阅的事件通过getState获取Store中的数据并执行订阅事件更新UI层

# Redux的使用场景

1、中大型项目

2、大多数页面都要用到公共信息

3、一个页面存在多个请求

4、组件间期望通过非组件的形式通信

# 为什么不用Redux

1、小型项目

2、首页的数据每次都需要刷新

3、存在高度复用页面(如:详情页、结果页)

4、多源多请求复用率很低的数据

编辑 (opens new window)
#Redux
上次更新: 2021/07/19, 02:17:53
Redux的使用
React配置Webpack开发环境

← Redux的使用 React配置Webpack开发环境→

最近更新
01
safari 兼容问题笔记
01-26
02
electron 日志接入
12-26
03
vue3-template-compile
11-24
更多文章>
Theme by Vdoing | Copyright © 2017-2024 hn-failte | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式