首页 » 比较 Nextjs 中的样式方法

比较 Nextjs 中的样式方法

其中,将自己称为:静态网站的 React 框架。但就像其他目标是通过抽象常见、冗余任务来帮助您构建重要内容的框架一样,您通常需要学习一些新的和固执己见的东西。对于您需要了解的事情之一是如何将不同的 CSS 方法与其 API 集成,这也是本教程的重点。 您可能知道,关于 CSS-in-JS 有许多不同的观点,我们都以某种方式对该主题有自己的看法,这些看法可能与框架作者的看法截然不同。 是创建新的 React 应用程序时推荐的工具链之一。像 Next 这样的工具有一个简单的目标,即在编写 React 应用程序时抽象出常见的冗余任务。这有助于开发人员更多地专注于编写代码,而不是重新发明轮子。虽然这通常是一件好事,但开始时也可能有点乏味。首先,学习抽象需要跨越一个障碍,虽然下一步中有很多(路由、数据获取……),但一个经常被忽视的是样式。

为了服务更广泛的受众,

而不是重新发明轮子。虽然这通常是一件好事,但开始时也可能有点乏味。首先,学习抽象需要跨越一个障碍,虽然下一步中有很多(路由、数据获取……),但一个经常 印尼手机号码清单  被忽视的是样式。支持多种设计组件样式的方法。无论您是属于 Utility First 还是 CSS-in-JS 党,Next 都不太关心它,它关心的是您如何将您的选择注入到其 API 中。 本文的目标是帮助您了解如何在 Next 应用程序中设置样式。我们将使用不同的方法来处理比较。我们将在我设置的图书应用程序中实现不同类型的样式。我们将要研究的样式方法包括:上图显示了6本书;每本书都有自己的组件,然后我们将为每本书应用特定的样式类型,即 Book 1 将使用全局样式,而 Book 2 将使用另一个样式。通过这种方式,我们将了解每种样式的工作原理以及如何使用它们。这将帮助您更好地决定选择什么选项。 为了简单起见,我搭建了一个 GitHub 存储库供您遵循。你可以在这里抓住它。

Next 都不太关心它

本文的目标是帮助您了解如何在 Next 应用程序中设置样式。我们将使用不同的方法来处理比较。我们将在我设置的图书应用程序中实现不同类型的样式。我们将要研究的样式方法包括:上图显示了6本书;每本书都有自己的组件,然后我们将为每本书应用 AERO 领先 特定的样式类型,即 Book 1 将使用全局样式,而 Book 2 将使用另一个样式。通过这种方式,我们将了解每种样式的工作原理以及如何使用它们。这将帮助您更好地决定选择什么选项。 为了简单起见,我搭建了一个 GitHub 存储库供您遵循。你可以在这里抓住它。 还对 生成的默认启动程序进行了一些更改create-next-app。诸如情感、全局、模块、样式组件styles等文件夹及其相应的样式文件以及包含components多个组件的目录已添加到该文件夹​​中。

类似文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注