React 新 Context API 在前端状态管理的实践

（点击上方公众号，可快速关注）作者：今日头条技术博客techblog.toutiao.com/2018/10/22/untitled-54/众所周知，React的单向数据流模式导致状态只能一级一级的由父组件传递到子组件，在大中型应用中较为繁琐不好管理，通常我们需要使用Redux来帮助我们进行管理，然而随着React 16.3的发布，新context api成为了新的选择。 一、Redux的简介以及缺陷Redux来源于Flux并借鉴了Elm的思想，主要原理如下图所示：可以看到，Redux的数据流其实非常简单，外部事件通过actionCreator函数调用dipsatch发布action到reducers中，然后各自的reducer根据action的类型（action.type） 来按需更新整个应用的state。 redux设计有以下几个要点：1. state是单例模式且不可变的，单例模式避免了不同store之间的数据交换的复杂 ………………………………