什么是 goldfinch？
Goldfinch 是一个前端框架，它通过极简的方式，提供了快速开发现代化网站所必需的所有基础设施和工具。它包含了构建、打包和测试的所有工具，并提供了一套可扩展的 UI 组件，相信将会是你开发中的得力助手。
如何安装 goldfinch？
使用 npm 命令可以很方便地安装 goldfinch：
npm install goldfinch --save
如何使用 goldfinch？
在你项目的主入口文件中引入 goldfinch：
import Goldfinch from 'goldfinch';
现在你可以使用 Goldfinch 了。比如，你可以定义一个按钮组件：
-- -------------------- ---- -------
----- ------ ------- ------------------- -
------ --------- - -
------ ---------------------------
-------- ------------------------
--
------ ------------ - -
------ ------ ----
-------- -- -- --
--
-------- -
------ -
------- -----------------------------
------------------
---------
--
-
-在你的页面中使用这个组件：
const App = () => (
<div>
<Button
label="Say Hello"
onClick={() => console.log('Hello!')}
/>
</div>
);现在你可以看到你的页面上有一个按钮，当你点击它时，它会在控制台中打印出 "Hello!"。还有更多的例子可以参考 goldfinch 的文档。
如何扩展 goldfinch？
Goldfinch 使用装饰器模式实现了一种简洁的扩展方式。你可以使用 @withState 和 @withHandlers 来增强你的组件：
-- -------------------- ---- -------
------ - ---------- ------------ - ---- ------------
----- ------- ------- ------------------- -
-------- -
------ -
-----
---------- -----------------------
------- -------------------------------
---------
---------
------
--
-
-
------ ------- -----------
------ --------
-----------------
---------- -- -------- -- -- -- -- -
---------- ------ --------- -- --------- - - ---
--
-------------现在，你的 Counter 组件有了一个计数器状态和一个名为 increment 的处理函数，它通过调用 setState 来更新计数器状态。你可以像往常一样使用它：
const App = () => (
<div>
<Counter />
</div>
);在你的页面上显示一个计数器并增加它。更多关于 goldfinch 的高级用法，请查看文档。
总结
Goldfinch 是一个前端框架，提供了快速开发现代化网站所必需的所有基础设施和工具。它使得开发变得更加简单和快速，并且通过使用高级技术，如装饰器模式，可以扩展自己的应用程序。通过学习 goldfinch，你可以更好地理解 React 编程的基础和高级概念，开发更好的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e6e255dee6beeee740a