想创建应用程序，只用React Hooks就够了

React Hooks是React库的新增功能，推出后席卷了React开发界。Hooks允许你编写状态逻辑并使用其他React功能，同时无需编写类组件。你可以单独使用Hooks来制作自己的应用程序，这对React相关的从业者来说是一次重大变革。在本文中，我们将只使用React Hooks来构建一个名为“Slotify”的应用。

Slotify是做什么的，又是如何做到的？

Slotify提供一个用户界面，该界面呈现一个textarea，以在博客文章中插入引用。换行（\n）和字数统计负责定量处理。一篇“Slotified”帖子至少有一个引用，最多三个引用。

只要有插槽（slot），就可以插入引用。用户将能够与插槽互动，并输入或粘贴他们选择的引用和作者署名。完成后，他们可以单击保存按钮，然后博客帖子将重新加载，新版本就包含了引用内容。

以下是我们将要使用的Hooks API，基本上都会用到：

• React.useState
• React.useEffect
• React.useRef
• React.useReducer
• React.useCallback
• React.useMemo
• React.useImperativeHandle
• React.useLayoutEffect
• useSlotify（自定义）

下图是我们要构建的内容（将博客文章转换为带有样式引用的博客文章，并返回博文包含样式的HTML源代码）。