React 学习笔记

React 中有些内置组件可以实现特定功能，如：Fragment 可以不增加 DOM 地组织子元素，Portal 可以传送 DOM 而不改变React 组件树，Profiler 可以监控渲染性能。

render prop 是一个告知组件需要渲染什么内容的函数 prop，这一技术方便在 React 组件间共享逻辑。本文主要介绍了使用 render prop 的基本范式和注意事项。

高阶组件（HOC）是 React 一种复用组件逻辑的技巧，可视为参数化的容器组件，它是一种基于 React 组合特性而形成的设计模式，而非 API。本文主要介绍了使用 HOC 的基本范式和注意事项。

JSX 是 React.createElement 函数的语法糖，是编写 React 组件的基本范式。本文主要介绍了 JSX 语法以及注意事项，最后简述不使用 JSX 编写 React 代码的方法。

React 提供了 Refs 来访问 DOM 和 React 元素。本文主要介绍了 Refs 在 class 组件和函数组件中的使用方式，以及不同组件层级间传递 ref 的方法，如：Refs 转发。

本文主要介绍 React 中的 Context。有些属性是应用程序中许多组件都需要的（如：UI 主题、当前用户等），自上而下的数据流实现这些属性非常繁琐，而 Context 可以很好地解决这一问题。

本文主要介绍 Hook 的基础知识。Hook 是 React 16.8 新增特性。它可以在不编写 class 的情况下使用 state 以及其它 React 特性，扩展了函数组件的功能。

学习 React 的第一篇笔记，主要学习的是 React 官网上的核心概念部分，这一部分包括了 React 中最基础的内容。