Nautil，高效的企业应用前端框架

转载请注明出处：www.tangshua【本文受版权保护】【作者：唐霜】ng.net【访问 www.tangshuang.n未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。et 获取更多精彩内容】

Github 仓库 在线文档

Nautil 是一个高效的企业应用前端框【未经授权禁止转载】【关注微信公众号：wwwtangshuangnet】架，它可以帮助企业实现一套代码多端运行，本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net让你的开放团队可以更快的一次性开发出手机著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】端的 web 页面和 App 应用，它底【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。层基于 React 作为渲染层，可直接复【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.net用 React 已有生态，为你的团队提高【未经授权禁止转载】【原创不易，请尊重版权】开发效率，招人更方便。Nautil 不是【本文受版权保护】【本文首发于唐霜的博客】对 React 生态的简单封装，而是独立【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】的全新框架，是 React 的超集，专门原创内容，盗版必究。未经授权，禁止复制转载。针对企业应用可能需要长期维护 5 年甚至【作者：唐霜】本文版权归作者所有，未经授权不得转载。 10 年而设计。

基于 DDD 的业务建模设计

企业应用的主要目标，是对业务进行处理。业【转载请注明来源】【本文首发于唐霜的博客】务处理是企业应用的主体，Nautil 设【版权所有】唐霜 www.tangshuang.net【作者：唐霜】计时完全基于这一点，将企业应用的前端开发【访问 www.tangshuang.net 获取更多精彩内容】【版权所有，侵权必究】分层为：领域层、服务层、控制层、视图层。本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】其中，领域层和服务层为纯业务的层，可脱离【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】具体的前端框架独立使用，是整个核心业务的【本文首发于唐霜的博客】【作者：唐霜】代码载体。控制层则是对需求文档中关于用户【原创内容，转载请注明出处】【未经授权禁止转载】交互部分的建模，通过领域层、服务层、控制【原创内容，转载请注明出处】【作者：唐霜】层，我们就可以还原整个业务的全貌了。而由本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。于基于 Nautil 可以实现跨端开发，【版权所有，侵权必究】【本文受版权保护】因此，当我们实现全部的业务之后，只需要提本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。供不同端的视图层，就可以快速移植。这种分本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。层的设计，让我们的业务系统有更好的扩展性【原创内容，转载请注明出处】未经授权，禁止复制转载。和适应性，帮助我们在持续的迭代中保持业务【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。的稳定性。

我们将 DDD 的理念融入到 Nauti【版权所有，侵权必究】转载请注明出处：www.tangshuang.netl 框架的开发中，你可以基于面向对象的思未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。想，运用 DDD 的理念，在基于 Nau【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】til 的业务系统中，对业务实体进行建模【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。，对业务的核心逻辑进行建模，按照 DDD著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net 的分层理念对业务系统进行设计，从而获得未经授权，禁止复制转载。未经授权，禁止复制转载。更加健壮的系统代码。

React 的超集

你可以在 Nautil 的开发中，使用任【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。意的 React 生态中的库来辅助你的开【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。发，Nautil 基于最新的 React【本文受版权保护】转载请注明出处：www.tangshuang.net，你可以继续运用你在 React 开发中【本文首发于唐霜的博客】【未经授权禁止转载】学到的知识。但同时，你会在 Nautil【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。 中获得更多。作为一个应用层面的框架，N转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。autil 不是简单的把 React 生著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】态整合在一起（虽然市面上有不少这样做的所【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。谓框架），而是基于 React 衍生出自原创内容，盗版必究。【未经授权禁止转载】己的范式体系。

首先，Nautil 对 React 进行【原创不易，请尊重版权】【版权所有，侵权必究】了扩展，使用 Nautil 的 Comp本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.netonent 可以拥有比 React 更强【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。的能力和更简洁的生命周期勾子函数。通过扩【本文受版权保护】未经授权，禁止复制转载。展，你可以在 Nautil 中使用类似 【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号：wwwtangshuangnet】Vue 中一样的直接修改属性值来触发重新【本文受版权保护】未经授权，禁止复制转载。渲染的能力，还可以获得更丰富的样式传入能未经授权，禁止复制转载。【原创内容，转载请注明出处】力。其次，Nautil 内置了丰富的逻辑本文作者：唐霜，转载请注明出处。【本文受版权保护】组件、hooks、operators，这【本文首发于唐霜的博客】【本文首发于唐霜的博客】些内置的功能可以帮助开发者更方便的实现某【本文受版权保护】【原创内容，转载请注明出处】些以前需要自己编写复杂逻辑的代码才能实现【本文受版权保护】未经授权，禁止复制转载。的功能。再次，Nautil 内置了全局状【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】态管理器、路由管理器、I18n多语言管理原创内容，盗版必究。【未经授权禁止转载】等，这些看似在 React 生态中可以找本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。到的内容，Nautil 基于自己的理念予【未经授权禁止转载】【本文首发于唐霜的博客】以提供，从而让开发者省去选择恐惧的烦恼。【本文首发于唐霜的博客】本文版权归作者所有，未经授权不得转载。最后，Nautil 基于 react 的著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】特性，提供了跨端开发的能力，写一套代码，【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。就可以在 web、native、微信小程【未经授权禁止转载】未经授权，禁止复制转载。序等多个平台上运行。

颠覆性的思维

虽然 Nautil 是基于 React 【作者：唐霜】【转载请注明来源】的，但是却不止于 React，它特立独行【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。，简化写法，让系统开发更舒服。在 Rea【原创不易，请尊重版权】转载请注明出处：www.tangshuang.netct 界，mutable 是异教徒，但在【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。 Nautil 中，你可以使用 muta著作权归作者所有，禁止商业用途转载。【转载请注明来源】ble 的便捷性，你有了更多的选择，选择【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net，是你的权利。我们想要的，是更优雅的写法【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。，我们不遵循教条，我们更倾向于提高效率。著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net而且，nautil-cli 是可选的，市【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。面上那些框架，强制要求你采用它们的 cl未经授权，禁止复制转载。【原创内容，转载请注明出处】i 工具，这就导致了你无法只使用它们的有【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。效部分，你必须基于它们的工具，从头来过，著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】这基本上是毁灭性的。而使用 nautil本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。，你可以把它当作是一个库来使用，你不必须【转载请注明来源】著作权归作者所有，禁止商业用途转载。使用它的 cli，你仍然可以享受它强大的著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。能力。

故事

我从 2018 年开始思考和实现 Nau【关注微信公众号：wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】til，2019 年发布它的第一个可用版转载请注明出处：www.tangshuang.net【作者：唐霜】本，期间经历了无数的痛苦和开心。当实现一【本文首发于唐霜的博客】【关注微信公众号：wwwtangshuangnet】个新奇的想法之后，我会为此高兴的睡不着，【原创不易，请尊重版权】【版权所有，侵权必究】连夜写文章；当遇到一些几乎不可能实现的功【作者：唐霜】【原创不易，请尊重版权】能的时候，我又垂头丧气，想是不是自己的方转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net向错了，不应该再继续下去。从 2018 著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】年到 2021 年，Nautil 变的更【本文受版权保护】【转载请注明来源】强大，就像它的名字一样，它代表着神奇的鹦原创内容，盗版必究。【未经授权禁止转载】鹉螺，螺旋式的生长。现在，我已经在腾讯内转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。的多款应用中使用它，相信它还会在更多的地原创内容，盗版必究。【本文受版权保护】方发挥它的潜力。

2021-11-20 4750