一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17之后react对于事件系统会

上一篇文章我们分析了Redux-Thunk的源码，可以看到他的代码非常简单，只是让dispatch可以处理函数类型的action，其作者也承认对于复杂场景，Redux-Thunk并不适用，还推荐了Redux-Saga来处理复杂副作用。本文要讲的就是Redux-Saga，这个也是…

同时，也为了让 FunctionalComponent 也拥有 ClassComponent 的一些特性。 不能将 hooks 放在循环、条件语句或者嵌套方法内。react 是根据 hooks 出现顺序来记录对应状态的。 只在 function 组件和自定义 hooks 中使用…

本文来由，希望可以剖析中间件的组合原理，从而帮助大家更加理解洋葱模型。 话不多说，正文如下。 这一段代码来源于 redux 里导出的 compose 函数。我做了一些修改。主要是给匿名函数添加了名称，比如 reducer 和 nextWrapper，主要原因是匿名函数（anon…

项目慢慢有了起色，一些哥们就拆分了一些子组件，必然，它们间将有一些数据流动 —— 问题不大，可以让它们紧密联系。 不过，现实总是很残酷，父子孙组件间关系往往混乱无比。 确实，项目迭代过程中，不可避免地就会出现组件间状态共享，而导致逻辑交错，难以控制。 再加上强制约束：只能通过调…

在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

前言 在hooks诞生之前，如果组件包含内部 state，我们都是基于 class 的形式来创建组件。 在react中，性能优化的点在于： 调用 setState，就会触发组件的重新渲染，无论前后 s

1. 什么是react-hooks? 以上就是react-hooks主要的api,接下来我会和大家分享一下这些api的用法，以及使用他们的注意事项。 1 react-hooks可以让我们的代码的逻辑性更强，可以抽离公共的方法，公共组件。 2 react-hooks思想更趋近于函…

自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…