使用 materialize-css 与 react-toolbox 或 material-ui 反应项目答案

【问题标题】：React projects with materialize-css vs react-toolbox or material-ui使用 materialize-css 与 react-toolbox 或 material-ui 反应项目
【发布时间】：2018-02-21 04:48:48
【问题描述】：

如果我直接在我的 JSX 中使用 material-css 而不是使用诸如 material-ui之类的 JSX 特定库，我会失去一些技术优势还是我的代码不太可靠> 还是 react-toolbox？或者，相反，我是否可以通过使用诸如 material-ui 或 react-toolbox 等 JSX 库而不是仅仅使用 materialize 来获得性能、可靠性或其他可衡量的好处-css 我的 JSX 中的代码？

在编写 React 组件时，我发现我可以直接在我的 JSX 中使用 materialize-css：

<div className="row">
    <div className="blue lighten-5 col s12 m1 l1">1</div>
</div>
<a className="waves-effect waves-light btn">Stuff</a>

或者我可以使用 JSX 特定的库，例如 material-ui：

import RaisedButton from 'material-ui/RaisedButton';
...
<RaisedButton label="Submit" type="submit" primary={true} style={style}/>

我不是在问“你最喜欢哪个库？”。我也不是在问“RaisedButton 和具有这种样式的按钮之间的输出有什么区别：'waves-effect waves-light btn'。

我在问：如果我使用 material-ui 或一些类似的 JSX 特定库，与仅使用 materialize-css strong> 我的 JSX 中的代码？如果涉及利益或风险，那么它们是什么？我应该在陷阱中寻找什么？

【问题讨论】：

你最后做了什么决定？您如何看待这些好处？
@Mickey Puri：我最终使用了 Material-UI。 Gravityplanx 和 Jeremy Bunn 的 cmets 让我得出了这个结论，我不后悔。我相信它使我的代码更容易编写和理解。
谢谢。我做出了同样的决定。然而，我确实很努力地看着 rmwc，因为它包装了 Google Web Components。但最终决定使用 Material-UI，因为它拥有更大的用户和用户群，因此看起来更成熟

标签： javascript css reactjs materialize material-ui

【解决方案1】：

对于按钮，差异是无关紧要的，因此您没有看到最佳路径也就不足为奇了。

Material-UI 胜出的地方在于它的功能组件。 DatePicker、AutoComplete 和 Tabs 在这些方面最为明显。 MUI 建立在 react 之上，这些功能元素被设置为由您自己的事件和处理程序以原始 css 无法做到的方式进行自定义。

MUI 库也只是比物化库大很多。

【讨论】：

【解决方案2】：

如果你走 materialcss 路线，至少考虑利用 react-materialize。

https://react-materialize.github.io

除了样式表之外，还有一些工作要做。这需要JS，无需重新发明轮子。此外，您还可以获得利用流行库的所有优势。测试、错误修复、新功能……等等。

最好的部分是，如果您愿意，您可以重新发明轮子并制作自己的基于物化的组件，并且仍然具有与 react-materialize 组件相同的外观和感觉。

然而，我正在使用 Material-UI。对于快速开发具有现代外观的应用程序来说，它是一个很好的框架。

祝你好运！

【讨论】：