【转载请注明来源】本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】

Github 仓库 在线文档

【原创不易，请尊重版权】原创内容，盗版必究。

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

未经授权，禁止复制转载。【未经授权禁止转载】

基于 DDD 的业务建模设计

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

【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net

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

【作者：唐霜】【原创内容，转载请注明出处】【未经授权禁止转载】

React 的超集

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

【本文受版权保护】【原创内容，转载请注明出处】【关注微信公众号：wwwtangshuangnet】【转载请注明来源】

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

【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。【作者：唐霜】转载请注明出处：www.tangshuang.net

颠覆性的思维

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

【作者：唐霜】【未经授权禁止转载】【原创内容，转载请注明出处】【版权所有，侵权必究】

故事

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

【访问 www.tangshuang.net 获取更多精彩内容】【原创内容，转载请注明出处】