Twitter bootstrap 使用react bootstrap优于bootstrap的优点

使用简单的旧引导有什么意义

我正在经历，我看不出有什么好处。我只能看到它会给项目带来不必要的依赖性

在React/Redux项目中使用普通引导有困难吗

**编辑**

从阅读中推断是

react bootstrap

为我提供类名速记的唯一方法吗？下面是同一页的示例

在

普通boostrap中

我会：

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

React.render(button, mountNode);

在

反应boostrap

中：

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

React.render(button, mountNode);

---

所有这些

bsStyle，bsSize，

来自

react boostrap

的

bsStyle，bsSize，

都是人们不喜欢的

Angular

上的东西，他们记住了所有那些

ng-*

标签。。。我个人并不介意，但如果这是

react bootstrap

给我的唯一东西，我会使用

twitter bootstrap

。还是我错过了什么

如果我理解正确的话，react bootstrap只是组件的一个扩展，使那些不了解html+css的人的生活变得简单

如果你不知道自己用html+css+js做按钮、菜单、布局等等，我建议你使用引导

例如，React不提供按钮和菜单的设计

以下是facebook上关于为什么使用react的链接：

我选择React而不考虑angular，因为如果您已经了解javascript，那么学习React会更容易

---

如果您需要使用bootstrap，我建议您只使用twitter bootstrap，因为您可以自定义布局，只需在bootstrap.css之后添加另一个css文件，这实际上是您计划使用的前端框架的问题。如果您打算使用Angular、Ember、Knockout或普通的老jQuery，那么传统的引导就足够了。使用React时，JavaScript应用程序代码与DOM的交互方式存在根本性差异，这使得使用Bootstrap的jQuery方法非常困难，因为React主要使用虚拟DOM。确实，使用React引导将减少执行按钮或表单元素等简单任务所需的样板代码量，尽管这不是主要的好处。

React引导为您创建React组件

如果你考虑如何在你的反应项目中使用引导程序来做动画，那么优势将是显而易见的。 如果没有react引导，您需要类似CSSTransitionGroup的东西。您不能利用bootstrap的API，因为它将操纵DOM，这使得React行为不可预测。此外，引导将隐藏其动画API的详细信息；也就是说，你根本不能使用它

但是，对于引导组件，您不必担心如何通过引导实现动画，只需在组件中指定属性和挂钩，库就会完成这项工作。更具体地说，它可以添加一些对客户端不可见的包装

如上所示，

和

组件是通过引导添加的

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

---

如上所示，将

放在

中是一种语义用户界面，但React会抱怨。我预计，如果没有自定义库，引导可能会遇到类似问题。

引导框架的优点： 1.它支持JavaScript和jQuery附加组件 2.该框架易于理解 3.学习和实践很容易 4.该工具的组件可以再次使用 5.与所有类型的浏览器兼容

React框架的优势 1.它提高了生产力 2.恒定编码 3.搜索引擎优化操作友好。 4.这一工具可供所有公司使用。 5.生成具有新鲜内容的动态网站。 6.使用的组件可以再次重用

---

阅读此处的更多信息：

请看，这是使用引导重新创建的唯一组件，因为您也可以从scrapI中创建它。我已经编辑了问题@anshu。谢谢。Thx@Guigui。因此，如果我不需要引导转换，即使没有

react bootstrap

？@zatziky，我也可以保存。如果你只需要引导的html和css部分，不使用该库应该没问题。但是如果你想使用引导的js部分，该库是必须的“引导为你创建react组件”。更准确的说法是：“react引导创建react组件以使您的生活更轻松（如果您使用react），因为它们与等效引导组件映射”。react bootstrap正试图与bootstrap保持功能对等“@MartinCarel谢谢！传统的bootstamp将HTML视为一个文档，因此只需向文档中添加样式即可<代码>反应引导将HTML视为应用程序，以便为典型的application@giuliano-除了

css

，在一个组件中还有很多复杂的事情要做，动画只是其中的一个例子。例如，有一些视觉效果是不容易通过css实现的。也许需要一些DOM api或html技巧的帮助，我接受了Guigui的回答，因为它更好地回答了我的问题。无意冒犯。：）我想你误解了这个问题。。。这是引导vs反应引导，而不是引导vs反应！bs不适用于不了解html css的人，它主要用于网格系统，这可能会花很长时间来定制-1，因为问题是关于

bootstrap

本身，而不是

react bootstrap

lib，它是一个面向react的lib，将引导组件包装到react组件中