suressk

React 16.8 之前，只能类组件才能拥有状态，React 16.8 之后，Hook 的出现极大地简化了我们编写代码的方式与可读性，本文则简要介绍 Hook 的基本使用与注意要点...

渲染：生成用于显示的对象，以及将这些对象形成真实的 DOM 对象。本文简要描述一下 React 节点初次渲染与节点更新的流程...

React 中的事件，指的是 React 内部封装 DOM 组件中的事件，如 onClick, onFocus等，而非我们自己通过 props 传递的属性，并在子组件中手动触发的事件

Portals 可以说是 插槽，但 不同于 Vue 中的 slot，它指的是将一个 React 元素渲染到指定的容器 (真实 DOM) 中 比如说，Modal 组件一般默认直接作为 body 的真实

当某些组件的各种功能及其处理逻辑完全相同，只是显示的页面内容不一样时，我们可以采用封装高阶组件的方式实现，或者使用本文所写的 Render Props 实现方案

React 组件渲染优化，纯组件 PureComponent 与 React.memo 函数原理分析与简单实现，从而避免一些不必要的渲染，以及相关注意点提点

为了解决多层属性传递与数据使用的繁琐操作，React 推出上下文，本文就新旧 Context 用法说明与对比做一小结

React 属性默认值 defaultProps，React 属性类型检查 propTypes, 高阶组件 HOC ，ref 使用与 ref 转发注意点的相关说明

不论是 React 还是 Vue，组件的 生命周期 都是不可忽略的一个知识点，这也是面试经常被问到的一个点