的表示层和我的内容层与我的交互层分开。但也许这只是我在这个意义上有点守旧。 德鲁:我确实感受到了那里的痛苦。我的想法是,如果我错了,请过来纠正我,我的理解是,它不是分离技术、CSS、JavaScript 和 HTML,而是分离功能。所以所有作为一个组成部分的东西都一起存在—— 矿:是的。 德鲁:…我认为如果不再需要该组件,这会很有用。您只需将其删除即可,它就会消失,并且不会在您的应用程序中留下痕迹。但 CSS 的情况并非总是如此。你如何将 CSS 与 React 结合使用?您是否看过诸如样式组件之类的东西? 矿:不,我们没有。我听说过样式化组件,但说实话,我从未真正彻底地研究过它们。因此,我们在 React 中使用 CSS 的方式是编写 Less,我们只需将一个 Less 文件附加到导入到该组件中的每个单独组件上。然后它通过 Webpack 绑定并提供给客户端。 德鲁:你是否使用像 BEM 这样的系。
统或其他东西来转换命名空间? 矿:是的。我们使用 BEM 进行命名空间,尽管对它的遵守程度取决于谁在写什么。但我们尝试使用 BEM 命名空间模式来使每个单独的类和组件的用途更加清晰。 德鲁:这对你来说是否成功? 矿:我想是这样。有时候,它也会遇到同样的老问题,我有时不知道如何命名某些东西。过了一段时间,日常事务对于主人来说始终是一件困难的事情。所以这是我遇到的唯一问题是我有时不知道应该如何称 电报号码数据 呼某个特定组件。 德鲁:确实。这是一场持续不断的战斗,不是吗?如何说出事情的名称? 矿:是的。 德鲁:当我开发新功能或类似功能时,我总是会给出一个组件、所有类以及该功能当前所获得的所有内容的名称。然后当你推出时,它已经被重新命名为其他名称。因此,您在代码中引用了旧名称,并且接口具有新名称。和 … 矿:我尝试总是根据功能或目的来命名事物,而不是。

稍微短暂的事物,因为该组件的实际目的不太可能改变。我忘了提及,但除了使用 BEM 之外,如果您熟悉的话,我想我们还使用 BEMIT。它基本上是 ITCSS 加上 BEM,两者都是由 Harry Roberts 创建的。因此,我使用匈牙利表示法来表示某物是否是组件,而不是布局对象,而不是由多个组件组成的更大模式。然后从那里我们使用 BEM 约定来表示块元素等。 德鲁:您是否必须对代码库中的组件和内容进行大量重构和删除,并且必须处理 CSS 落后的问题? 矿:是的。因此,我维护 工作的非 React 部分就是一堆为 CSS 编译的 Less 文件。我向你保证,那里有很多僵尸代码,因为我在那里的时候我们肯定会迭代很多东西。与重新设计页面或其他内容相比,我们并不总是有时间回去进行清理。所以我想说的是,审计已经过期了。 德鲁:这是我们刚刚在 React 项目中研究的内容,研究如何处理 CSS。目前,我们有一些用于整个应。