1，Redux-Saga简述： redux-saga是redux的中间件，主要负责处理从action派发到更新store装填中间具有副作用行为的处理。 2，开始使用Redux-Saga 下面是reac

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

实现 createElement 方法。 实现 render 方法。 首先复习一些基础概念。如果你已经知道 react、JSX、DOM 元素是如何工作，可以跳过这一步。 以上代码就使用纯 javascript 实现了 react 的最简应用（前面3行代码）。 1. create…

使用过redux的同学都知道,redux作为react公共状态管理工具，配合react-redux可以很好的管理数据,派发更新，更新视图渲染的作用，那么对于 react-redux 是如何做到根据 state 的改变，而更新组件，促使视图渲染的呢，让我们一起来探讨一下，reac…

2). 计算item元素的x,y 3). 计算每一个list中的i数据的行列值 4). 计算目标位置的list元素的index

那么二者到底是什么关系呢？我们知道，虽然React实际上只是一个UI框架（甚至算不上一个框架，只是一个库），不过它渲染ui的方法很别致，通过jsx生成动态vdom渲染UI，这与传统方式大相径庭，它没有架构、没有模板、没有路由、没有设计模式、也没有数据管理，也就是说，React除…

使用 React 的时候，比较常见的状态管理工具就是 Redux，虽然 Redux 写的代码特别多，但是不可否认的是 Redux 的设计原则中的数据不可变这条原则，其实完美的契合了 React。因而在 Redux 中广泛使用，再加上丰富的中间件，比如 redux-thunk，r…

React 是现如今流行的前端框架，也是很多大厂面试必备。 React 与 Vue 虽有不同，但同样作为一款 MV* 框架，虽然实现可能不一样，但在一些理念上还是有相似的，例如数据驱动、组件化、虚拟 DOM 等。 这些往往要更深入挖掘方可得知自己的结论，任重道远，不停歇。 通过…

在使用 React 开发的这段时间里，我最大的感受就是 “这是 React 最好的时代，也是最坏的时代” ！「好」在于 hooks 开启了不一样的开发模式，在思考方式上要求更关注于数据之间的依赖关系，同时书写方式更加简便，总体上提升了开发效率；「坏」在于项目中经常是类组件与函数…