在 REACT 应用程序上使用什么来造型并让它看起来很棒? Bootstrap CDN、React-bootstrap、MDBootstrap 等等?

What to use on a REACT App to Styling and make it looks amazing? Boostrap CDN, React-bootstrap, MDBoostrap, others?

我是前端开发的新手,我想使用 MERN Stack 制作一个非常漂亮的应用程序,我开始在 REACT JS 上开发。

所以,我想使用一些样式框架。我的第一个选择是在 index.html 文件中导入“BOOSTRAP”的 CDN 和 Jquery 的 JavaScript 等。就像处理 html.

我的项目只是将“Bootstrap 类”添加到我的 HTML 中,一切似乎都很顺利......但是。当我开始尝试做一些像“MODALS”这样的功能时,我遇到了一些问题。

我看了一下,这是因为BOOSTRAP使用了JQuery,操作了DOM,而REACT使得基本相同。所以我会有一些“错误”和问题。

所以,再次工作所有的样式和重写代码将是一个“泰坦尼克号”的工作,我不想这次出错。

我一直在研究,我发现了 MDBootstrap REACT(Material Design boostrap)和 React-Boostrap 替代品,但我有一些抱怨..首先是 MDBootstrap,我似乎是一个“骗局”之类的。 material 设计看起来不错,但专业版很贵,我没有在文档中找到如何在需要时“修改”组件的样式。

然后对于 React-Boostrap,我基本上对它允许的“个性化”等级或如何做到这一点有些担忧?我找不到有关的文档。

如果你穿上我的鞋子,你会拿什么? (我不想从头开始编写自己的 CSS,但我希望能够个性化一些组件,或者在需要时进行主题化)

  1. Material-UI
  2. React-Bootstrap
  3. Semantic-UI
  4. React-Materialize
  5. React-Toolbox
  6. Ant Design

所有这些 CSS 框架都是为 react 构建的。

在数百个 UI 框架中,Material UI 是最好的基于 Reactjs 的 UI 框架之一,具有最精细的 Material 设计实现.

Semantic UI 是一个开发框架,可帮助使用人性化 HTML 创建漂亮的响应式布局。这个框架更受 HTML 语义风格的影响,对每个 css class 都有意义。

React Toolbox 是一个 UI 库,它遵循 Google 的 Material 设计概念,并建立在一些最流行的建议之上,例如 CSS 模块(写在 SASS), Webpack 和 ES6.