React开发者全指南

DOM是网页文档的编程接口，允许程序更改文档的结构、样式和内容。

组件的生命周期分为三个主要阶段：挂载阶段、更新阶段和卸载阶段。

组件是独立且可重用的代码块，类似于JavaScript函数，但在隔离中工作并返回HTML。

类组件和函数组件的区别在于，类组件提供对生命周期方法的更好控制，而函数组件通过Hooks也能管理状态。

useState()用于存储和更新数据或状态。

useEffect()在组件创建时执行，并在依赖项变化时再次执行，用于执行副作用。

useLayoutEffect()在所有DOM变更后同步执行，适合立即操作DOM。

useReducer()用于管理更复杂的状态，返回当前状态和调度方法。

useContext()用于从React上下文中消费值，避免属性传递。

useCallback()用于记忆函数，防止在每次渲染时重新创建。

useMemo()用于记忆值，防止在每次渲染时重新计算。

useRef()允许在渲染之间持久化值，可用于直接访问DOM元素。

useImperativeHandle()允许自定义暴露给父组件的实例值。

useDebugValue()用于在React DevTools中显示自定义调试信息。

React的构建块包括组件、JSX、属性和状态、上下文以及虚拟DOM。

React协调是React更新浏览器DOM的过程，先更新虚拟DOM，再使用差异算法优化真实DOM的更新。

React纯组件在属性和状态值未改变时不会重新渲染。