从一个 Vue 使用者转到 React，在初次接触 React 的生命周期时总是会觉得疑惑 希望读完本文能让你一次性搞定 React 生命周期的流程和能弄清楚在各个生命周期做些什么

之前学习函数式编程语言的过程中，有 3 比较重要的特性： 函数是一等公民 数据不可变 惰性求值 JavaScript 虽然具有函数式语言的特性，但是很可惜，它还是没有具备不可变数据这一大优势。 在开发

本文例举创建 react 应用的常见 7 种方式，首先，我们第一个是想到的是 react 官方团队提供的脚手架工具 Create React App(cra) 项目是零配置。

一次`react`更新，核心就是对虚拟`dom`进行`diff`，找出最少的需要变化的`dom`节点，然后对其进行相应的`dom`操作，用户即可在页面上看到更新。但 react 作为广泛使用的框架，需

本文主要介绍React Hooks的常见的几个问题与最优实践，同时介绍一下随着React V18版本的API的变化，希望看完这篇长文解析文章，可以让你可以优雅的使用React Hooks

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

我以前没怎么在意，props.children 和直接组件.jsx 来渲染页面的差异性 下面例子不会重复渲染 ！ 当点击 Click组件 按钮时，count增加，<Clicker />组件重新渲染，同

想要做好性能优化，我们就需要先了解下 `React` 的更新渲染机制，了解哪些场景会触发更新，更新内容如何判定，这样才能做到有的放矢，针对性的进行优化。

当父组件数据变更时，会导致所有子孙组件全部重新渲染，造成大量的性能损耗。此时我们可以通过使用 `React.memo` 包裹组件，来达到性能优化。