React - Material UI 与 Reactstrap

Muh*_*ooq 8 reactjs reactstrap

我要开始一个反应项目。我想澄清一下在 Reactstrap 上选择 Material UI。正如在另一个Bootstrap 与 React Material UI 的比较中提到的,Material UI 比 Bootstrap 更好. 但是在浏览了 Material UI 和 Reactstrap 的优缺点后,我对 Reactstrap 有点困惑,如下图所示。或者我应该在同一个项目中根据要求同时使用它们吗?

Material UI 和 Reactstrap 的优点 Material UI 和 Reactstrap 的缺点

我想使用现成的 UI 组件,如可折叠的侧边菜单、带分页的表格、自动完成选择等。

Ahm*_*tar 13

react-bootstrap 比 reactstrap 更受欢迎。我将谈论 react-bootstrap 和 Material UI。

我对 Material UI 有更多的经验。我什至不知道 Material UI 是如何流行起来的,而它发布时却很糟糕。它使用内联样式,自定义任何东西都是一场噩梦。它的性能很差。尽管如此,它还是很受欢迎,并且改进了很多。我在我的最新项目中使用了它,性能非常好,我在 JS 解决方案中使用了它的新 CSS,并结合了样式组件。我认为它比 react-bootstrap 更难使用,但它有更多的组件。

对于大多数人来说,react-bootstrap 将是一个更简单的选择。

我不能告诉你使用哪一个,但我可以给你一些思考和决定的事情:

  1. 你更喜欢哪种设计?
  2. 如果您对引导程序有更多经验,请使用 react-bootstrap。
  3. 如果您更喜欢 sass,请使用 react-bootstrap。如果您更喜欢 JS 中的 CSS,请使用 Material UI。
  4. 如果 react-bootstrap 缺少一些您需要在 Material UI 中存在的组件,请使用 Material UI,但请记住,无论如何您都可以将其他外部组件添加到您的项目中,因此我认为这可能不是限制。

  • 宝贝,祝你好运!很高兴见到一位来自埃及的充满活力的前端开发人员! (2认同)

Ani*_*bam 5

这取决于您的选择,是的,定制材料有点复杂,但是外观和感觉非常出色,对于表格和所有内容,最好使用 Material-UI 它具有内置分页,如果您不舒服,您可以试试这个它也有内置分页和更多https://github.com/react-bootstrap-table/react-bootstrap-table2

  • 如果您不想使用材质 UI 表等,这是另一种选择,您可以跟进,这里是工作链接 [https://github.com/react-bootstrap-table/react-bootstrap-table2](https: //github.com/react-bootstrap-table/react-bootstrap-table2)@MuhammadUmarFarooq (2认同)