React 是单向数据流，数据通过 props 从父节点传递到子节点。如果顶层的某个 props 改变了， React 会重新渲染所有的子节点。注意⚠️：props 是只读的（即不可以使用 this.props 直接修改 props），它是用于在整个组件树中传递数据和配置。 每…

react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用，而是要动手实现一个简易的 react-redux，希望能够对你有所帮助。 首先思考一下，倘若不使用 react-redux，我们的 …

然而，对于一个大型项目，如果每请求一个 api 都要写以上类似的代码，显然会使得项目中重复代码过多，不利于项目的维护。因此，下文将介绍全局存储 loading 状态的解决方案。 本节介绍与之后小节代码实现部分相关的基础知识，如已掌握，可直接跳过🚶🚶🚶。 装饰器（Decor…

本文适合0.5~3年的react开发人员的进阶。 react的源码，的确是比vue的难度要深一些，本文也是针对初中级，本意让博友们了解整个react的执行过程。 上一篇，从mini源码分析vue，也许深度比较一般，但是也花了好几天的时间去汇总，明白一个博主的不易。这是笔者第一篇…

React（也被称为 React.js 或者 ReactJS）是一个用于构建用户界面的 JavaScript 库。起源于 Facebook 内部项目，最初用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 性能较高，并且它的声明式、组件化特性让编写…

在Vue中，我们经常需要用watch去观察一个值的变化，通过新旧值的对比去做一些事情。 不过好在Hook的好处就在于它可以自由组合各种基础Hook从而实现强大的自定义Hook。 本篇文章就带你打造一个简单好用的use-watch hooks。 首先分析一下Vue中watch的功…

函数组件性能比类组件好，但是在现代浏览器中，闭包和类的原始性能只有在极端场景下才会有明显的差别。 性能主要取决于代码的作用，而不是选择函数式还是类组件。尽管优化策略有差别，但性能差异可以忽略不计。 而下面会重点讲述：React的函数式组件和类组件之间根本的区别： 在心智模型上。…