hh_xi的博客

虚拟DOM是一个以JavaScript对象形式表示真实DOM的抽象层，它通过比较新旧虚拟DOM之间的差异，并最小化地更新真实DOM，以提高渲染性能和效率。

React生命周期可以分为三个阶段：挂载阶段（Mounting）、更新阶段（Updating）、卸载阶段（Unmounting）。组件实例被创建并插入到DOM中，依次执行render()和render()组件的props或state发生变化时，组件会重新渲染。依次执行（可选）、（可选）、（可选，React 16.3引入）、（可选，React 16.3引入）和组件从DOM中移除，执行。

interface和type都是创建自定义类型的手段。1、扩展方式interfaceextendstype2、灵活性interfacetype3、 递归和自引用interfacetype4、合并行为interfacetype。

Flex布局即弹性盒布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。：设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。

redux是一个全局状态管理器，解决了在开发过程中数据无限层层传递而引发的一系列问题。

基于浅比较（shallow comparison）来检查 props 是否发生变化，如果 props 没有变化，则直接返回上次渲染的结果，而不是重新渲染组件。组件则用于包裹懒加载的组件，并提供一个加载指示器（如“Loading...”文本或加载动画），直到懒加载的组件加载完成。在React组件的JSX中使用内联对象时，每次组件渲染都会创建一个新的对象实例，这意味着每次渲染时该对象的引用都会改变。，则 React 会跳过该组件的渲染过程及其子组件的渲染过程，从而避免不必要的 DOM 操作。