MUI 组件与 React Bootstrap

问题描述 投票:0回答:5

我正在使用 React js 开发一个应用程序。我只是想问问你的意见。同时使用 MUI Component 和 React Bootstrap 是不是多余?

reactjs material-ui react-bootstrap
5个回答
2
投票

没有什么可以阻止您在项目中同时使用 MUI 和 Bootstrap,但其中任何一个都应该能够满足您的所有设计要求。

但是在选择两者时,您必须记住两种截然不同的设计方法。 MUI 实现与 React Bootstrap 有很大不同。不确定你在这里要做什么,但从一般意义上来说,我会坚持为我的项目/目的选择一个。

(我个人更喜欢MUI)


2
投票

我认为这两个库都很棒,但通常的方法是选择一个来在 package.json 文件中保留较少的依赖项。在造型方面,您必须保持单一方法,原因有两个:

  • 一致性
  • 任何人阅读你的代码库都将能够轻松理解。

P.S:我更喜欢MUI,你可以通过覆盖MUI默认主题来定制自己的设计系统


0
投票

不,这对您的项目来说并不多余。 Material UI 投入的大量工作使其成为专业项目的可行选择。

此外,如果您担心库会占用更多的包大小,那么根据 Material UI 文档,您可以通过以下方式导入组件来减少包大小:假设您想要按钮组件,因此您可以像这样导入它来自“@material-ui/core/Button”的按钮,而不是来自“@material-ui/core”的 import { Button }。对于前一种导入,您将仅导入 Button 模块,而不会影响其余模块。有关更多详细信息,请访问此链接:https://v3.material-ui.com/guides/minimizing-bundle-size/

希望这个答案能让您满意!


0
投票

通常您会选择一个小部件库,但如果您错过了某些组件,您也可以混合使用它们。根据 mui 文档,每个组件都是独立的:

https://mui.com/material-ui/getting-started/usage/

如果您担心小部件中的不一致,mui 现在提供无样式组件作为独立包:

https://mui.com/base/getting-started/overview/

对于react-bootstrap,组件可以通过多种方式自定义,特别是通过 sass 变量进行全局自定义:

https://react-bootstrap.github.io/getting-started/introduction/#installation

我不会太担心依赖关系,因为无论如何你通常都会有很多依赖关系,并为每个用例安装新的软件包。

例如,在我当前的项目中,我将react-bootstrap作为主要的UI库,但它本身没有日期选择器。因此,经过研究,我选择了 mui datepickers。


0
投票

好的 我做到了;我使用 mui 并收到错误“无效的挂钩调用” 并使用react-bootstrap; 收到错误“无效的挂钩调用”

© www.soinside.com 2019 - 2024. All rights reserved.