Nautil，高效的企业应用前端框架本文版权归作者所有，未经授权不得转载。

本文作者：唐霜，转载请注明出处。【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。

Github 仓库【未经授权禁止转载】 在线文档【原创内容，转载请注明出处】

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

基于 DDD 的业务建模设计【版权所有，侵权必究】

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

我们将 DDD 的理念融入到 Nauti本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。l 框架的开发中，你可以基于面向对象的思本文版权归作者所有，未经授权不得转载。【本文受版权保护】想，运用 DDD 的理念，在基于 Nau本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.nettil 的业务系统中，对业务实体进行建模转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。，对业务的核心逻辑进行建模，按照 DDD【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】 的分层理念对业务系统进行设计，从而获得【版权所有，侵权必究】【关注微信公众号：wwwtangshuangnet】更加健壮的系统代码。

React 的超集【本文受版权保护】

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

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

颠覆性的思维【访问 www.tangshuang.net 获取更多精彩内容】

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

故事【本文受版权保护】

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

2021-11-20 4553