Jeremy23

结合 React Context 的源码，解析实现原理，并解读关于 Context 的相关特性如何实现...

context 是 react 的主要特性，它能在任意层级的组件之间传递数据。 在业务代码中用 context 可能不多，大家更偏向于全局的状态管理库，比如 redux、m...

让多个子组件都可以共享同一数据 在一些场景下，我们希望让应用中的多个（或者所有）组件可用同一部分数据。当然我们可以通过props一层一层向下级组件传递这部分数据，但实际使用...

HOC / Render Props / Hooks 三种写法都可以提高代码的复用性，但实现方法不同：HOC 是对传入的组件进行增强后，返回新的组件给开发者；Render ...

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数...

在以前我们可能会看到很多文章在分析 HOC 和 render props, 但是在 2020 年 ,我们有了新欢 “hook” . 本篇文章会分析 hook , rende...

开发过程中难免会使用到antdD、elementUI等组件库，当我们要需要修改组件的默认样式时，就需要使用到:global{}将需要修改的class名包裹起来，就可以到到修...

什么是组合（composition) 模式 composition 是一种自下而上的组件设计模式，由一些细小的、单一职责的、原始组件通过自由搭配组合在一起构成一个功能完善的...

作为一种改变组件状态、处理组件副作用的方式，Hooks这个概念最早由React提出，而后被推广到其他框架，诸如Vue、Svelte，甚至出现了原生JS库。但是，要熟练使用H...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

随着 React 的发展，各种组件设计模式层出不穷。React 官方文档也有不少相关文章，但是组织稍显凌乱，本文就组件的设计模式这一角度，从问题出发，为大家梳理了常见的设计...

组件化的思想在开发中需要充分的利用，项目开发时，尽可能的将页面拆分成一个个小的、可重复利用的组件，这样可以降低代码耦合度，并且在阅读性和扩展性上会得到一定的提升。 在rea...

在使用React中，你是否会出现过一个文件的代码很多，既存在应用数据的读取和处理，又存在数据的显示，而且每个组件还不能复用。 首先我们来看一个容器组件和展示组件一起的例子吧...

介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !...

介绍 ant-design 表单组件Form的 核心实现机制研究 - 结构图 - 流程图 - 实现 - 总结...

一 前言 今天我们来悉数一下 React 中一些不错的设计模式，这些设计模式能够解决一些功能复杂，逻辑复用 的问题，还能锻炼开发者的设计和编程能力，以为多年开发经验来看，学...

您好， 如果喜欢我的文章或者想上岸大厂，可以关注公众号「量子前端」，将不定期关注推送前端好文、分享就业资料秘籍，也希望有机会一对一帮助你实现梦想 前言 本文不会介绍各个状态...

1. 状态管理的意义 React 状态管理库的意义在于提供一种机制来集中管理和维护 React 应用中的状态，并且使得这些状态能够跨组件共享。随着应用的复杂度提升，组件之间...

设计模式一直是程序员谈论的“高端”话题之一，总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中，有许多需要利用对象多态性的设计模式，比如单例模式、 策略模式...