使用react-bootstrap优于bootstrap的优点

wbgh16ku 于 8个月前发布在 Bootstrap

关注(0)|答案(4)|浏览(126)

使用react-bootstrap而不是普通的Bootstrap有什么意义？
我正在经历https://react-bootstrap.github.io/components.html，我没有看到任何优势。我只能看到它会给项目带来不必要的依赖。
在React/Redux项目中使用普通Bootstrap有困难吗？

编辑

从阅读https://react-bootstrap.github.io/introduction.html中推导出react-bootstrap给我的类名的简写是唯一的吗？下面是同一页的例子。
在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。还是我错过了什么

twitter-bootstrap

来源：https://stackoverflow.com/questions/38122652/advantages-of-using-react-bootstrap-over-bootstrap

4条答案

按热度按时间

t2a7ltrp1#

React-bootstrap为您创建React组件。
如果你考虑如何在React项目中使用bootstrap来制作动画，那么这个优势将是显而易见的。
如果没有react-bootstrap，你需要像CSSTransitionGroup这样的东西。你不能利用bootstrap的API，因为它会操作DOM，这使得React行为不可预测。此外， Bootstrap 将隐藏其动画API的详细信息;就是说你根本就不能用。
然而，使用引导组件，您不需要担心如何通过引导实现动画，您只需要在组件中指定属性和钩子，库就会完成这项工作。更具体地说，它可以添加一些对客户端不可见的 Package 器。

正如你在上面看到的，<Fade>和<Transition>组件是通过 Bootstrap 添加的。
此外，虚拟DOM的语法可能与DOM不兼容：

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

赞(0）回复(0）举报 8个月前

balp4ylt2#

这实际上是你计划使用什么样的前端框架的问题。如果你打算使用Angular、Ember、Knockout或普通的jQuery，那么传统的Bootstrap可能就足够了。使用React时，JavaScript应用程序代码与DOM的交互方式存在根本差异，这使得Bootstrap的jQuery方法非常难以使用，因为React主要与Virtual DOM一起工作。确实，使用React-Bootstrap将减少你需要做一些简单任务的样板代码的数量，比如创建表单或表单元素，尽管这不是主要的好处。

赞(0）回复(0）举报 8个月前

plupiseo3#

如果我理解正确的话，react-bootstrap只是一个组件的扩展，让那些不知道html + css的人更容易使用。
如果你不知道如何用html+css+js自己做按钮，菜单，布局等，我建议你使用bootstrap。
例如，React不会给你给予按钮和菜单的设计。
以下是Facebook上关于为什么使用React的链接：
https://facebook.github.io/react/docs/why-react.html
我之所以选择React，是因为如果你已经知道JavaScript，那么学习React会更容易。
如果你需要使用bootstrap，我建议你只使用twitter-bootstrap，因为你可以自定义你的布局，只需在bootstrap.css后添加另一个css文件。

赞(0）回复(0）举报 8个月前

tuwxkamq4#

**Bootstrap框架的优点：**1.它支持JavaScript和jQuery附加组件2. 3.框架很容易理解。学习和实践是很容易的4。工具的部件可以再次使用5。兼容所有类型的浏览器
React框架的优点1。提高生产力2。第三章.搜索引擎优化操作友好。4.这一工具可供所有公司使用。5.制作具有新鲜内容的动态网站。6.使用过的部件可以再次使用。

在此阅读更多信息：https://techidology.com/bootstrap-vs-reactjs/

赞(0）回复(0）举报 8个月前