如何分解循环代码以创建大型应用程序

How can Cycle code be broken up for creating large applications?

本文关键字：代码 创建 大型 应用程序 循环 何分解 分解      更新时间：2023-09-26

我已经浏览了有关Cycle的官方文件和其他文档.js我看到的唯一一点是它将主要逻辑及其对DOM的影响分开。

给出的示例非常简短，就像构建BMI计算器一样。我不明白在 Cycle.js 上开发一个大应用程序会是什么样子，也不明白如何将一个大应用程序的所有代码放在main()中并单独引导其 DOM 效果。

如何编写循环代码以生成大型应用程序？

我不明白如何将一个大应用程序的所有代码放在主（）中并单独引导其 DOM 效果。

与任何库或框架一样，您需要以较小的部分（通常称为组件）构建大型应用。对于循环，组件实际上只是小循环应用。您可以制作数百个组件，这些组件都具有main功能，并将它们组合在其他组件中，依此类推。这非常简单，就像从其他函数组合任何函数一样：

function theWholeApp() {
  subComponent()
  subComponent2()
}
function subComponent() {
  anotherNestedComponent()
}
// etc

正如您在组件演练中看到的那样，BMI 计算器是从main函数构建的组件，它利用具有自己的主函数的标记滑块组件。使用相同的技术，BMI计算器可以在另一个组件中输出，依此类推。组件通常需要隔离才能充当组件。

由于您将使用 Cycle 编写的所有代码都是功能性的，因此您可以根据需要将代码划分为任意多个或几个函数。但是，推荐的范例是模型-视图-意图，其中每个组件被划分为每个组件的函数：

function main({DOM}) {
  return {DOM: view(model(intent(DOM)))};
}

对于大型应用，还需要路由。 TylorS的cycle-router似乎是现在要走的路。Cycle 是新的，并没有像 Angular 和 React 这样的项目那样从社区投入中受益。由于缺乏教程、示例和各种内容的文档，目前很难上手，例如 cycle-router .所有这些都将及时改进，并使Cycle更加可行。从技术角度来看，Cycle 是编写应用程序的绝佳方法，尽管在有更多资源可用之前，它可能对每个人都不实用。

Cmdv 的此示例项目可以帮助您入门。

相关文章：