本文对React的核心原理进行分析, 包括JSX、Diffing、Fiber、Time Slice等, 并且对React原理的学习方法进行了总结和建议.

之前项目的一个笔记 react hook 父组件调用子组件方法 react hook 父组件调用子组件方法react hook 父组件调用子组件方法react hook 父组件调用子组件方法

你知道 JSX 会被转换成 createElement，但你知道它是如何转换成 createElement 的吗？

下图是useRef的demo效果图，通过“一个父组件嵌套一个子组”件来总结一些知识点。 ref对象与自建一个{current：‘’}对象的区别是：useRef会在每次渲染时返回同一个ref对象，即返回的ref对象在组件的整个生命周期内保持不变。自建对象每次渲染时都建立一个新的。…

在React项目中，我们经常会通过redux以及react-redux来存储和管理全局数据。但是通过redux存储全局数据时，会有这么一个问题，如果用户刷新了网页，那么我们通过redux存储的全局数据就会被全部清空，比如登录信息等。 这个时候，我们就会有全局数据持久化存储的需求…

在我们开发过程中，很多时候，我们需要让组件共享某些数据，虽然可以通过组件传递数据实现数据共享，但是如果组件之间不是父子关系的话，数据传递是非常麻烦的，而且容易让代码的可读性降低，这时候我们就需要一个 state（状态）管理工具。常见的状态管理工具有 redux，mobx，这里选…

最近一直在做项目性能优化的工作，在排查性能方面的问题时发现项目中很多地方都存在重复渲染的问题，审查代码后发现其中存在不少滥用或者说误用 useMemo、useCallback、useContext 的

界面隐藏 一个容器放置视频，默认情况下 y轴和z轴左边都是真实的（腾讯视频使用绝对定位，因此是计算得到的），只是将其移到右边很远的距离。 懒加载 React监听鼠标移入（获取坐标） 添加事件监听 注意

本文正在参加「金石计划 . 瓜分6万现金大奖」 欢迎来到 “ React Query 不得不说的事”第二部分，随着我越来越多的参与 React Query 及其社区的工作，我观察到一些人们经常询问的模