使用 react-bootstrap 优于 bootstrap 的优势

Question

使用 react-bootstrap 而不是普通的 Bootstrap 有什么意义？

我正在经历 https://react-bootstrap.github.io/components.html，我没有看到任何优势。我只能看到它会给项目带来不必要的依赖。

在React/Redux个项目中使用纯Bootstrap有什么困难吗？

**编辑**

从阅读中推导出 https://react-bootstrap.github.io/introduction.html 是唯一 react-bootstrap 给我 shorthand 的 class 名字？以下是同一页面的示例。

在plain boostrap我会做：

var button = React.DOM.button({
  className: "btn btn-lg btn-success",
  children: "Register"
});

React.render(button, mountNode);

在react-boostrap中：

var button = ReactBootstrap.Button({
  bsStyle: "success",
  bsSize: "large",
  children: "Register"
});

React.render(button, mountNode);

来自 react-boostrap 的所有这些 bsStyle, bsSize, ... 都是人们在 Angular 上不喜欢的东西，但记住了所有那些 ng-* 标签...我个人不喜欢不介意，但如果它是 react-bootstrap 给我的唯一东西，我会使用 twitter-bootstrap。还是我错过了什么？

Answer 1

如果我没理解错的话，react-bootstrap只是一个组件的扩展，让不知道html + css.

的人的生活变得简单

如果您不了解自己使用 html+css+js 制作按钮、菜单、布局等，我建议您使用 bootstrap。

React 不会给你按钮和菜单的设计。

这是来自 facebook 的 link 为什么使用 React：

https://facebook.github.io/react/docs/why-react.html

尽管 angular 我还是选择了 React，因为如果你已经知道 javascript，那么学习 React 会更容易 javascript。

如果你需要使用 bootstrap 我建议你只使用 twitter-bootstrap 因为你可以自定义布局只需在 bootstrap.css 之后添加另一个 css 文件

Answer 2

这真的是你打算使用什么前端框架的问题。如果您打算使用 Angular、Ember、Knockout 或普通的旧 jQuery，那么传统的 Bootstrap 可能就足够了。对于 React，尽管 JavaScript 应用程序代码与 DOM 的交互方式存在根本差异，这使得 Bootstrap 中的 jQuery 方法很难使用，因为 React 主要工作使用虚拟 DOM。确实，使用 React-Bootstrap 会减少执行简单任务（如按钮或表单元素）所需的样板代码量，尽管这不是主要收益。

Answer 3

React-bootstrap 为您创建 React 组件。

如果您考虑如何在 React 项目中借助 bootstrap 制作动画，优势将显而易见。

没有 react-bootstrap，你需要像 CSSTransitionGroup 这样的东西。您不能利用 bootstrap 的 API，因为它会操纵 DOM，这使得 React 行为不可预测。此外，bootstrap 将隐藏其动画的细节 API；也就是说，你根本不能使用它。

有了bootstrap组件，你就不用担心bootstrap动画是怎么实现的了，你只需要在组件中指定属性和hooks，库就可以了诀窍。更具体地说，它可以添加一些对客户端不可见的包装器。

正如您在上面看到的，<Fade> 和 <Transition> 组件是由 bootstrap 添加的。

此外，virtual DOM 的语法可能与 DOM 不兼容：

如上所示，将<input>放在<select>中是一种语义UI的方式，但React会报错。我预计 bootstrap 在没有自定义库的情况下可能会遇到类似的问题。

Answer 4

Bootstrap框架的优点： 1. 支持JavaScript和jQuery插件 2.框架简单易懂 3.学习和练习很容易 4.工具的组件可以再次使用 5.兼容所有类型的浏览器

React 框架的优点 1. 提高生产力 2.常量编码 3.搜索引擎优化友好操作。 4. 该工具可供所有公司使用。 5. 制作内容新鲜的动态网站。 6.使用过的组件可以再次使用

在此处阅读更多内容：https://techidology.com/bootstrap-vs-reactjs/

使用 react-bootstrap 优于 bootstrap 的优势

Advantages of using react-bootstrap over bootstrap

twitter-bootstrap

react-bootstrap