前言
使用 React 开发应用程序给我们带来了很多方便，但我们需要考虑很多东西，如性能、代码复杂度、代码模块化等。为了减轻这些负担，许多第三方包被开发出来，其中就包括了 react-reimagined 这个 npm 包。
如果你希望探索更多前端技术方面的知识，我建议你先学一下 react 和 npm 的基本知识。
安装
在安装 react-reimagined 之前，你需要将 react 和 react-dom 这两个基础包安装到你的项目中。
运行以下命令来安装 react-reimagined：
npm install react-reimagined
使用
react-reimagined 提供了一些非常有用的组件，这些组件被设计为可以帮助开发人员更快地构建出更加可靠和可复用的单页应用程序。以下是使用 react-reimagined 的一些基本用例。
Accordion
Accordion 组件实现了可以展开和折叠内容的垂直抽屉面板。在这个面板中，你可以添加任意数量个子组件。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------- ------------- - ---- -------------------
-------- ------------- -
------ -
-----------
-------------- ----------- ---
------- - ------- ---- ---------
----------------
-------------- ----------- ---
------- - ------- ---- ---------
----------------
-------------- ----------- ---
------- - ------- ---- ---------
----------------
------------
--
-Modal
Modal 组件实现了一种可以打开和关闭的全屏遮罩窗口。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- - ---- -------------------
-------- --------- -
----- -------- ---------- - ----------------------
----- ----------- - -- -- -
-------------------
--
------ -
-----
------- ---------------------------- --------------
------ --------------- ----------------------
-------- ------- ---- ---------
--------
------
--
-Pagination
Pagination 组件实现了一种分页展示数据的方式。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------- - ---- -------------------
-------- -------------- -
----- ------------- --------------- - ------------------
----- --------------- - --- -- -
------------------
--
------ -
-----
-----------
-------------------------
---------------
-----------------------------
--
------
--
-结论
react-reimagined 是一个非常有用的 npm 包，它的组件可以帮助你更快地构建出可靠和可复用的单页应用程序。它提供了很多有用的组件，例如 Accordion、Modal 和 Pagination。在它的帮助下，你可以让你的应用程序更加优化和高效。尝试一下这些组件，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d730d0927023822db0