样的系统或其他东西来转换命名空间?

If you like to build email list then you can write here
Post Reply
ruhul400
Posts: 2
Joined: Sat Nov 04, 2023 8:13 am

样的系统或其他东西来转换命名空间?

Post by ruhul400 »

尤其是能够将非常具体的 CSS 耦合到一个 JSX 或一个 React 组件。这样一来,就可以更轻松地分离或仅获取库所需的内容,而保留其余部分,而模式库或设计系统则尝试仅使用一个大样式 CSS 文件或类似文件来完成更单一的操作,这确实让事情变得非常困难。你要么要么全盘接受,要么全盘皆输。因此,我确实很欣赏 React 允许我们进行更个性化、更组件化的开发方式,即使我仍然希望有一种方法可以将我的表示层和我的内容层与我的交互层真正分开。但也许这只是我在这个意义上有点老派。

德鲁:我确实感受到了那里的痛苦。我的想 牙买加手机号码列表 法是,如果我错了,请过来纠正我,我的理解是,它不是分离技术、CSS、JavaScript 和 HTML,而是分离功能。所以所有作为一个组成部分的东西都一起存在——

米娜:是的。

德鲁:...我认为如果不再需要该组件,这会很有用。您只需将其删除即可,它就会消失,并且不会在您的应用程序中留下痕迹。但 CSS 的情况并非总是如此。你如何将 CSS 与 React 结合使用?您是否看过诸如样式组件之类的东西?

米娜:不,我们没有。我听说过样式组件,但说实话,我从未真正彻底地研究过它们。因此,我们在 React 中使用 CSS 的方式是编写 Less,我们只需将一个 Less 文件附加到导入到该组件中的每个单独组件上。然后它通过 Webpack 绑定并提供给客户端。

德鲁:你是否使用像 BEM 这

米娜:是的。我们使用 BEM 进行命名空间,尽管对它的遵守程度根据谁写什么而有所不同。但我们尝试使用 BEM 命名空间模式来使每个单独的类和组件的用途更加清晰。

德鲁:这对你来说是否成功?

米娜:我想是这样。有时它也会遇到同样的老问题,我有时不知道如何命名某些东西。过了一段时间,日常事务对于主人来说始终是一件困难的事情。所以这是我遇到的唯一问题是我有时不知道应该如何称呼某个特定组件。

德鲁:确实。这是一场持续不断的战斗,不是吗?如何说出事情的名称?

米娜:是的。

Image

德鲁:当我开发新功能或类似功能时,我总是会给出一个组件、所有类以及该功能当前所获得的所有内容的名称。然后当你推出时,它已经被重新命名了。因此,您在代码中引用了旧名称,并且接口具有新名称。和 …

米娜:我尝试总是根据功能或目的来命名事物,而不是稍微短暂的事物,因为该组件的实际目的不太可能改变。我忘了提及,但除了使用 BEM 之外,如果您熟悉的话,我想我们还使用 BEMIT。它基本上是 ITCSS 加上 BEM,两者都是由 Harry Roberts 创建的。因此,我使用匈牙利符号来表示某物是否是组件,而不是布局对象,而不是由多个组件组成的更大模式。然后从那里我们使用 BEM 约定来表示块元素等。

德鲁:您是否必须对代码库中的组件和内容进行大量重构和删除,并且必须处理 CSS 落后的问题?

米娜:是的。因此,我维护 slack.com 工作的非 React 部分就是一堆为 CSS 编译的 Less 文件。我向你保证,那里有很多僵尸代码,因为我在那里的时候我们肯定会迭代很多东西。与重新设计页面或其他内容相比,我们并不总是有时间返回并进行清理。所以我想说的是,审计已经过期了。
Post Reply