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

未经授权，禁止复制转载。【本文受版权保护】

Github 仓库 在线文档

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

基于 DDD 的业务建模设计

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

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

React 的超集

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

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

颠覆性的思维

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

故事

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

2021-11-20 5108