前言 在react的官方文档上，useLayoutEffect有这么一段描述，它可以阻塞浏览器的绘制，实际情况下这个api我们可能用的比较少，但是对于一些关乎用户体验的场景，它的作用就变得非常大。

三者都是用于解决父子嵌套，父组件状态变化导致子组件也会做无用的重新渲染问题。 解析 1.子组件不包含状态值（react.memo()） 当父组件未给子组件传递任何属性，我们可以通过React.memo

写在前面 本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一

React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作 DO

大概所有的 React 开发经常会遇到的问题是： 后台 API 返回值和组件数据结构很多时候并不是能很好地匹配。毕竟，前端和后端之间的开发是分开进行的，因此它们的数据结构不匹配是不可避免的。怎么解决呢

在不久前的一个大厂试下你的一面当中,一上来就给我丢出了这么一个问题,搞得我头都大了。我也看过很多面经,发现真的很喜欢问这个。关于 React 的,10 篇里面有 5 篇都会问到 Fiber 相关的。

developer-roadmap —— 提供最全的开发者技术路线指南。前端开发、后端开发、全栈开发、DevOps、Android 开发、AI、大数据、游戏开发等方向都有详尽的学习路线思维导图。

知命者不怨天，知己者不尤人。React 知命境是一种全新的学习方式。它是我摸索多年的研究成果，能帮助React学习者快速成为高手

一、数据更新驱动 1. useState 1. 基础介绍 useState主要用于声明和操作状态变量，可以使函数组件像类组件一样拥有state state：状态，作为渲染视图的数据源 setState