将 Material-UI 与 Foundation 等其他框架相结合
Combine Material-UI with other frameworks like Foundation
我一直有一个想法，但找不到答案。考虑以下因素：
你喜欢用 React 构建一个漂亮的网站，并且必须决定你应该使用哪个前端框架。在我的示例中，我选择了 Material-UI。
现在您需要更多功能，例如响应式网格系统、show/hide 样式等。与其自己实现它们（或从 bootstrap/foundation 复制），您认为：'嘿，为什么我不在 Material-UI'.
旁边包含另一个框架
问题来了。我知道大多数可用的 css 框架都有自己的规范化 css 以及用于排版和其他元素的基本样式。
我可以在 Material-UI 之外安全地包含另一个（更有特色的）css 框架而不破坏基本的东西吗？
此外，什么是扩展 css 功能的良好实践方法，而不是从其他框架复制部件，也不需要一直重新发明轮子。你有没有遇到过需要组合多个前端框架的案例或项目，你是如何解决这个问题的？
感谢您的反馈。
干杯
格雷戈尔
最近一直在想这件事。我会选择一个具有我项目所需的大部分功能的软件。我通常只使用 Bootstrap（sass 版本）并且只使用其中的样式部分（主要是 css 网格）。
混合框架最终将难以维护，您必须在应用程序中包含许多额外的（未使用的）功能。当使用某些 "cool" 等全功能组件时，如 Material-UI 具有，有时某些组件不具备您需要的 属性。
所以我的意见是：
- 仅使用一些框架来设置样式。这样你的网站就有了统一的外观。或者甚至只是一些响应式网格库就足够了。
- 通常基本 html 组件足以满足基本需求，您可以只构建自己的自定义组件来满足特殊需求（或使用 npm 库中的一些）。这样您就拥有了所需的功能。
- 这样我的网站就不再依赖于某个单一的框架了。我可以随时更改样式部分，我可以将一个组件更改为另一个组件等，而不必重写我的整个应用程序，因为它完全是用某些 "full featured" 框架开发的。
仅供参考，有一个 Material Design 版本的 Foundation，您可以在 http://eucalyptuss.github.io/material-foundation/
查看它
现在，说说你的疑惑...在混合使用 and/or 同时使用多个框架时应该非常小心...一个问题可能是冲突，另一个可能是不必要的膨胀可能会使加载时间更重。
但是，如果您意识到这一点，大多数现代框架（如 Foundation）都可以进行部分编译，因此您将只加载您将使用的内容，从而最大限度地减少所有可能的问题。
我一直有一个想法，但找不到答案。考虑以下因素：
你喜欢用 React 构建一个漂亮的网站，并且必须决定你应该使用哪个前端框架。在我的示例中，我选择了 Material-UI。 现在您需要更多功能，例如响应式网格系统、show/hide 样式等。与其自己实现它们（或从 bootstrap/foundation 复制），您认为：'嘿，为什么我不在 Material-UI'.
旁边包含另一个框架问题来了。我知道大多数可用的 css 框架都有自己的规范化 css 以及用于排版和其他元素的基本样式。 我可以在 Material-UI 之外安全地包含另一个（更有特色的）css 框架而不破坏基本的东西吗？
此外，什么是扩展 css 功能的良好实践方法，而不是从其他框架复制部件，也不需要一直重新发明轮子。你有没有遇到过需要组合多个前端框架的案例或项目，你是如何解决这个问题的？
感谢您的反馈。
干杯 格雷戈尔
最近一直在想这件事。我会选择一个具有我项目所需的大部分功能的软件。我通常只使用 Bootstrap（sass 版本）并且只使用其中的样式部分（主要是 css 网格）。
混合框架最终将难以维护，您必须在应用程序中包含许多额外的（未使用的）功能。当使用某些 "cool" 等全功能组件时，如 Material-UI 具有，有时某些组件不具备您需要的 属性。
所以我的意见是：
- 仅使用一些框架来设置样式。这样你的网站就有了统一的外观。或者甚至只是一些响应式网格库就足够了。
- 通常基本 html 组件足以满足基本需求，您可以只构建自己的自定义组件来满足特殊需求（或使用 npm 库中的一些）。这样您就拥有了所需的功能。
- 这样我的网站就不再依赖于某个单一的框架了。我可以随时更改样式部分，我可以将一个组件更改为另一个组件等，而不必重写我的整个应用程序，因为它完全是用某些 "full featured" 框架开发的。
仅供参考，有一个 Material Design 版本的 Foundation，您可以在 http://eucalyptuss.github.io/material-foundation/
查看它现在，说说你的疑惑...在混合使用 and/or 同时使用多个框架时应该非常小心...一个问题可能是冲突，另一个可能是不必要的膨胀可能会使加载时间更重。
但是，如果您意识到这一点，大多数现代框架（如 Foundation）都可以进行部分编译，因此您将只加载您将使用的内容，从而最大限度地减少所有可能的问题。