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

【作者：唐霜】著作权归作者所有，禁止商业用途转载。【作者：唐霜】转载请注明出处：www.tangshua本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。ng.net

Github 仓库 在线文档

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

基于 DDD 的业务建模设计

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

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

React 的超集

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

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

颠覆性的思维

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

故事

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

2021-11-20 4748