在没有redux出来之前，父组件和子组件之间，平行组件之间传递和修改状态，需要将状态和修改状态的方法逐级往下传，组件嵌套过深则很容易出现管理混乱的问题。所以redux就是为了解决状态管理而诞生的。 中间件原理：在原来的dispatch方法外包装一层函数，扩展其他功能，又能保证原…

在过去的几个月里，React Hooks 在我们的项目中得到了充分利用。在实际使用过程中，我发现 React Hooks 除了带来简洁的代码外，也存在对其使用不当的情况。 在这篇文章中，我想总结我过去几个月来对 React Hooks 使用，分享我对它的看法以及我认为的最佳实践…

❗️我们的state变化很复杂，经常一个操作需要修改很多state，另一个好处是所有的state处理都集中到了一起，使得我们对state的变化更有掌控力，同时也更容易复用state逻辑变化代码，比如在其他函数中也需要触发登录success状态，只需要dispatch({ typ…

就目前的时间点来说（2018年），Web业务日益复杂化和多元化，多年以前在职业的细分领域中，主要还是以网页重构为主，也就是利用 HTML， CSS 将网页的布局结构以及整体视觉色彩实现出来，高级一点的可能会说，网页支持移动端的适配（媒体查询），在那个年代能把Flex写的很滑溜，…

❗️❗️HOC、Render Props 等基于组件组合的方案，相当于先把要复用的逻辑包装成组件，再利用组件复用机制实现逻辑复用。自然就受限于组件复用，因而出现扩展能力受限、Ref 隔断、Wrapper Hell……等问题 ❗️注意上面的代码，有个 index=0 的操作，因为…

1. 引言 为什么要了解 Function 写法的组件呢？因为它正在变得越来越重要。 how-are-function-components-different-from-classes 这篇文章带来了一个独特的视角。 2. 概述 原文事先申明：并没有对 Function 与 …

接下来将一步步带领大家实现一个基本的modal弹窗组件，封装一个简单的动画组件，其中涉及到的一些知识点也会在代码中予以注释讲解。 一. modal组件的实现； 1. 环境搭建 2. modal样式完善 3. modal功能开发 3.1. 添加visible字段控制显隐 3.2.…

Hook 是一项新的功能提案，可以让你在不编写类的情况下使用状态（state）和其他 React 功能。它们目前处于 React v16.7.0-alpha 阶段，并且在开放式 RFC 中进行着讨论。 这个 useState 新功能将是我们学习的第一个“钩子”，但这个例子仅仅是…

3. ReactDom.render(vnode,root)会将其渲染出到页面root中: 4. ReactDom.render原理简析： 类组件消除了函数声明组件的问题，也是现在写react的正常语法。 个人使用一种框架时总有一种想知道为啥这样用的强迫症，不然用框架用的不舒服…