引导用户界面与材料用户界面的反应？

Question

我在我的项目中使用了这两种方法，有时我发现需要在引导组件和UI显示中像我所期望的那样使用一个重要的UI组件。不过，有人劝我不要采用这种方法。是否有任何理由，因为两者都在使用网格，并可以灵活？

Answer 1

我倾向于长篇大论，所以我会把简洁的答案放在这里的顶端：

结论：

不管是谁说这两种方法都不好，可能只是表达了他们的观点，实际上，说这两种方法都是不好的，实际上是缺乏你正在设计的东西的背景。@ does 3770494提出了一个很好的观点--尽管这一点对构建大小是有效和真实的，但它确实取决于应用程序的范围。如果它是一个办公室内的应用程序，每个人都在一个光纤网络本地，它都会被缓存在内存中.但是(你并不了解我)，如果你把它们混合在一起，我不会对你做出负面评价--除非是一个主要的百万用户应用程序运行在移动设备(一个非常低的设备)、桌面和世界各地其他设备上，需要真正的(Ish)时间更新，并在任何给定的时间24/7时间为1000多个活跃用户提供流媒体动态内容。 事实上--如果这不是生死攸关--我会说两者兼用--同时也要做自己的事。了解比一件事情更好的经验要比“致力于一个单一的解决方案”来促进个人成长更好。

本阅读的其余部分是可选的--欢迎:)

我个人已经在生产应用程序中使用了这两种(一起使用，并且独立使用).我也是白手起家.(CSS是我工作中最不喜欢的部分--幸运的是，我有一位同事非常擅长)以下是我的想法：

警告：我倾向于冗长。

免责声明：

作为一个喜欢功能甚于形式的人，表单是一种事后的想法，对于客户来说，询问微小的小变化是很挑剔的。我将尽我所能地离开我对“每个选项的感觉如何”的看法。

此外，我正在考虑你的问题，我正在做的一个选择--使用ReactJS /create-react-应用程序为触摸屏嵌入式系统制作“演示”项目--所以我将推出6款模拟程序，用于演示--任何真正能做任何事情的模拟程序(CCscanner、条形码扫描仪、gps、网络摄像头集成，以及诸如此类有趣的东西)。因此，我正在研究什么才是我最容易承诺的“因为我无聊了，还得到了一个pi3b+board。”

答案：

• 如果你有时间、奉献和资源，那么把它们混合在一起是没有错的。但你只需要考虑它的时间/成本/效益。DIY让最终用户高兴--即使你把它们混合在一起。完全是你自己在重新制造轮子--但你总是可以拉起前轮，等等。
• 固有的风险是，如果同时使用这两种方法--确保不要将它们“混合”到很大程度上--因为在任何一种情况下尝试进行版本更改都会有问题。
• 我喜欢很多MaterialUI的东西，但我真的不喜欢一些东西看起来(默认的风格)--在功能上我更喜欢它而不是引导，但同时，我不喜欢MaterialUI反应编程风格(作为一个纯粹主义者，他讨厌CSS，但知道它有多重要-必须使用！重要的是……与我的同事和我在会议上使用的任何方式相比，都是很大的非nonononononononon)。并不是说它比我自己的偏好更好或更糟--但有几件事真的让我感到厌烦(即使它们是有充分理由的)。
• 引导有很多选择-我喜欢它的外观更好，我更喜欢它如何与ReactJS玩更好-但有反应带和反应-引导(这就是为什么我发现你的帖子试图用在这个演示的东西，我正在做)。
• 最近(对于生产项目)，我确实试着坚持一个，但通常我是在制作功能优于形式的系统。所以他们不太关心UI元素，而是如何使用它，而不是让它变得漂亮。所以我坚持用单一的方式来让我的工作更容易-而且通常我自己仍然凌驾于样式之上.如果原来的风格让我生气的话。但我不坚持一个，因为“这是不好的形式使用两种”，我只是坚持一个，因为上面提到的原因。我要说的是，如果带宽不是问题--这两者都是质量问题--但只使用你实际使用的部分。

(我注意到有个人曾经导入了完整的jQuery，而他们使用的唯一东西是$.ajax (虽然很多，但仍然如此).我就像..。这不是过火了吗？！) --如果你同时使用这两种语言，并且希望保持苗条--只要在编译时确保你只是在导入你正在使用的东西。我的意思是-永远不要使用导入*从模块(然而，您表示在Javascript作为一个概念-webpack/gulp/谁应该为您处理其中的大部分)。假设你使用ES6/7风格的Javascript。

Answer 2

我最近遇到了这种情况，并选择使用这两种情况，但用于特定的任务。由于它是一个响应性的web应用程序，Bootstrap对于小部件的布局和材料UI (只是我个人的偏好)来说是最有意义的。

Answer 3

您肯定可以同时使用这两种方法，但是您应该知道以下几点：

• 提供的特性将有很多重叠之处，除非您花费时间和精力从每个库中仔细地选择元素来管理它。即使这样，你也会面临无法避免重叠的情况。这基本上导致了一个更大的捆绑。
• 你必须为两个系统维护主题变量，以便在整个应用程序中有一个一致的表示。即使这样，也会出现表格复选框与表单复选框不同的情况，因为它们来自不同的库。
• 你必须学习和理解这两个系统。这意味着有时很难找到导致某种错误的原因。您还将花费更多的时间来决定将哪个库用于哪个组件。

总的来说，对于您来说，使用两个不同的系统需要做更多的工作，并且更有可能出现不一致的情况。也就是说，将网格系统与有限的主题混合起来可能不会太糟糕。

如果可能的话，我强烈鼓励你选择一个系统并坚持下去。