Advantages of using react-bootstrap over bootstrap

Question

What\'s the point in using react-bootstrap over plain old Bootstrap?

I was going through https://react-bootstrap.github.io/components.html and I don\'t see any advantag

Answer 1

React-bootstrap creates React components for you.

The advantage will be obvious if you consider how to do animations with the help of bootstrap in your React project.

Without react-bootstrap, you need something like CSSTransitionGroup. You cannot take advantage of bootstrap's API because it will manipulate the DOM, which makes the React behavior unpredictable. Also, bootstrap will hide details of their animation API; that is to say,you cannot use it at all.

With bootstrap components, however, you do not need to worry about how the animation is implemented by bootstrap, you just need to specify properties and hooks in a component and the library will do the trick. More specifically, it can add some wrappers which are not visible to the client.

As you can see above, and component is added by bootstrap.

In addition, the syntax of virtual DOM may not be compatible with DOM:

As shown above, putting inside a is a way of semantic UI, but React will complain. I expect the bootstrap may experience similar issues without a customized library.

0 讨论(0)

查看其它4个回答

发布评论: