诺伊尔：框架奴隶制的终结

文章小白一枚，正在不断学习积累知识，现将学习到的知识记录一下，也是将我的所得分享给大家！而今天这篇文章《诺伊尔：框架奴隶制的终结》带大家来了解一下##content_title##，希望对大家的知识积累有所帮助，从而弥补自己的不足，助力实战开发！

嘿，你是框架奴隶吗？

辨别方法如下：

1. 你花了 30 分钟配置路由器......只是为了让嵌套小部件工作。
2. 你们“钻探道具”比石油公司还深。
3. 你的 react useeffect 依赖项比你的购物清单还要长。
4. 你的 vue 观察者 就像感恩节你的姻亲一样互相争斗。
5. 您的 angular di 系统 感觉就像您正在为核反应堆接线。

听起来很熟悉吗？那么，朋友，你可能就是一个框架奴隶。

诺伊尔：为了解放的开发者

与那些臃肿的“微框架”（咳咳）不同，诺伊尔是轻量级、模块化和声明性的。

想象一下：

• 没有全局减速器。
• 无支柱钻孔。
• 没有复杂的 api。

您只需定义组件，将它们放入，然后观察它们的工作 - 无论它们是在 light dom、shadow dom、嵌套路由器还是星际超空间中。

诺伊尔如何出拳

想象一个仪表板，其中：

• 每个小部件都管理自己的路线。
• 嵌套路由器就可以工作。
• 没有样板。没有碰撞。没有调试眼泪。

与诺伊尔：

• 每个路由器都是自治的。
• 每个组件都是模块化且有范围的。
• 您仍然可以使用 纯 html 或影子 dom 魔法来设计样式并进行交互。

与此同时，“微框架开发人员”仍然无法连接他们的第 15 个全球提供商。

真实代码，真实证明

看看诺伊尔的力量

<div class="content">
    <!-- Global Router -->
    <neuer-router data-history="true">
        <div slot="navigation">
            <neuer-link href="/home">Home</neuer-link>
            <neuer-link href="/about">About</neuer-link>
            <neuer-link href="/contact">Contact</neuer-link>
        </div>
    </neuer-router>

    <!-- Nested Router -->
    <neuer-router>
        <div slot="navigation">
            <neuer-link href="/contact">
                <button class="btn btn-success">Call Mom</button>
            </neuer-link>
            <neuer-link href="/about">About My Mom</neuer-link>
        </div>
        <div slot="app">
            <p class="text-info">Hello champ!!</p>
            <neuer-link href="/home">Hi Mom! I'm Coming Home</neuer-link>
            <alert-component>
                This is an alert message!
                <neuer-link href="/contact">
                    <span class="btn btn-danger">I'm in danger Mom!</span>
                </neuer-link>
            </alert-component>
        </div>
    </neuer-router>
</div>

是什么让它如此出色？

诺伊尔不在乎你的兔子洞有多深

看看那个嵌套的路由器。它管理自己的导航，而全局路由器则跟踪顶级历史记录。您不需要配置庞大的状态树。您没有将道具钻穿 10 层。你没有调用 usecontext 或向调试之神祈祷。 您刚刚安装了一个新路由器并继续您的生活。

“随机链接”测试？通过

深埋在警报组件内部的新链接怎么样？有用。自动地。它没有因为找不到路由器而损坏。它并没有因为缺少道具而对你大喊大叫。它只是完成了它的工作。

引导程序就绪，无需构建废话

带有 btn-success 和 btn-danger 样式的按钮？直接来自 bootstrap。诺伊尔不在乎。您的框架不需要重建自身，因为您使用了类名。它与全局样式和封装的影子 dom 无缝协作。

shadow dom 舒适区

哦，说到影子 dom——每个 neuer 组件都住在那里。没有 css 泄漏。不会出现意外覆盖。它的范围有限、安全且非常适合现代网络。

为什么诺伊尔将框架抛之脑后

无限模块化

对于诺伊尔来说，每个组件都是自我管理。您的全局应用程序不会干扰您的嵌套路由器。您的小部件是完全隔离的。这就像一座城市，每户人家都有自己的发电厂。这里没有停电，冠军。

你的内容，你的规则

想要嵌套路由器内警报内的链接吗？凉爽的。想要在影子 dom 组件中使用 bootstrap 设计样式的按钮吗？完毕。 诺伊尔不会假设——它会适应。

零样板

没有配置。没有生命周期黑客。不要乞求你的框架做应该显而易见的事情。 您编写 html，诺伊尔处理其余的事情。

解放从这里开始

其他框架将你困在他们的世界里。诺伊尔让你自由。

建设得更好。构建速度更快。构建更智能。

因为最终，这是你的应用程序，而不是框架的。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。