通过CHOO框架有趣的功能编程

choo：单页应用程序的简约JavaScript框架

choo是一种轻巧的JavaScript框架，非常适合使用功能编程原理制作单页应用程序（SPA）。 它巧妙地整合了React，Redux和Elm的最佳方面，提供了简化的开发经验。 本文探讨了Choo V3（请注意，撰写时V4在Alpha中）。

>

>关键功能包括：

• >单向数据流：确保可预测的状态变化，简化调试和维护。
• >内置状态管理：在不需要外部库的情况下有效地处理应用程序状态。>
• 简单路由：启用SPA中的简单导航。
• 微小的API：降低了复杂性和学习曲线，特别是对于熟悉React和Redux的开发人员。 >功能编程重点：
促进清洁器，更可维护的代码的纯函数和不可变的数据。
• >>组件，效果和订阅：提供了处理副作用和外部互动的工具。
• >入门：“你好，cho！”示例

开始，克隆演示存储库并安装必要的依赖项：> 使用NPM脚本（例如，

）运行示例。 核心组件是模型（用于状态管理），视图（用于渲染）和路线（用于URL映射）。

函数（围绕yo-yo的包装器）简化了DOM操纵。

>

<code class="language-bash">git clone https://github.com/sitepoint-editors/choo-demo
cd choo-demo
npm install</code>

超越静态内容：处理状态更改

npm run example-1> 在处理动态内容时，Choo的真正力量会闪耀。 视图中的事件（例如，html）使用

>函数触发操作，该函数通过还原来更新状态。 Morphdom处理有效的DOM更新，消除了手动操纵。

构建一个组件树

通过将它们分解成较小的可重复使用的组件，可以轻松地管理

复杂的UI。 视图可以在层次结构下嵌套其他视图，传递数据和onclick函数。> send

效果和异步操作

> 效果处理异步任务，例如API调用，而无需直接修改状态。 他们使用

>函数来派遣操作，一旦异步操作完成。

>send>外部数据的订阅

>订阅允许您的应用程序对外部数据流进行反应，例如键盘输入或服务器sent Events（SSE）。>

高级概念：路由，组件状态和测试send

>由Sheet-Router提供动力的

CHOO的路由系统支持嵌套路由和编程路由更改。 管理组件状态并集成像D3这样的外部库，需要使用cache-element/widget来防止不必要的重新租赁。

> choo的功能性质使单位测试直接进行。 视图和还原器是纯粹的功能，很容易孤立地测试。

优点和劣势

强度：

简单性和内聚力。

• >最小工具要求。
视图的可重复使用性。
小文件大小。
弱点：

> 不成熟和破坏变化的潜力。

可能需要手动优化。
• > 与既定框架相比，缺乏广泛的社区支持。
• 结论

Choo为寻求简约的，功能上的框架的开发人员提供了一种引人注目的替代方案。它的简单性和较小的足迹具有吸引力，但应考虑其相对不成熟。 它是较小项目或在水疗环境中尝试功能编程的理想选择。

以上是通过CHOO框架有趣的功能编程的详细内容。更多信息请关注PHP中文网其他相关文章！