reactjs - React-Material UI与Reactstrap

标签 reactjs reactstrap

我要开始一个 react 项目。我想澄清一下Reactstrap上Material Material UI的选择。 Material UI比Bootstrap vs Material UI for React?的另一个比较中提到的Bootstrap好。但是在经历了Pros & Cons of Material UI and Reactstrap之后,我对Reactstrap有点困惑,如下图所示。还是应该在同一项目中根据需要同时使用它们?
Pros of Material UI and Reactstrap
Cons of Material UI and Reactstrap
我想使用现成的UI组件,例如可折叠的侧边菜单,带有分页的表格,自动完成选择等。

最佳答案

react-bootstrap比reactstrap更流行。我将谈论react-bootstrap和Material UI。
我在Material UI方面有更多经验。我什至不知道Material UI是如何流行的,而发布时却非常糟糕。它使用了内联样式,自定义任何内容都是一场噩梦。它的性能非常差。尽管如此,它仍然非常受欢迎,并且进步了很多。我在最新项目中使用了它,性能非常好,我将其新的JS解决方案CSS与样式化组件结合使用。我认为使用起来比react-bootstrap难一些,但是它有更多可用的组件。
对于大多数人来说,react-bootstrap将是一个更简单的选择。
我无法告诉您要使用哪一个,但可以给您一些思考和决定的方法:

  • 您更喜欢哪种设计?
  • 如果您有更多 bootstrap 经验,请使用react-bootstrap。
  • 如果您更喜欢Sass,请使用react-bootstrap。如果您更喜欢JS中的CSS,请使用Material UI。
  • 如果react-bootstrap缺少了一些需要在Material UI中存在的组件,请与Material UI一起使用,但是请记住,您仍然可以向项目中添加其他外部组件,因此我认为这不是限制。
  • 关于reactjs - React-Material UI与Reactstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62709197/

    相关文章:

    javascript - 仅在页面刷新后加载 react 应用程序中的样式

    javascript - 使用react-csv进行API调用

    Reactjs - 无法使下拉菜单正确格式化

    javascript - 为什么这个handleBlur函数带有事件参数,而函数内部没有使用事件参数呢?

    javascript - 将模态显示为普通 div - Reactstrap

    reactjs - 使用 onBlur 在 React 组件中设置焦点

    html - 使 flexbox 容器垂直滚动

    twitter-bootstrap - 带 Bootstrap react 的全高列

    reactjs - 如果 Ag 网格中的列较少,如何避免右侧出现空白

    reactjs - 在 Typescript 中实现 react-bootstrap 自定义下拉示例