Este team de expertos pasados varios días de trabajo y recopilación de de datos, hemos dado con la solución, esperamos que todo este artículo sea de utilidad en tu trabajo.
Solución:
React-bootstrap crea componentes React para usted.
La ventaja será obvia si considera cómo hacer animaciones con la ayuda de bootstrap en su proyecto React.
Sin react-bootstrap, necesita algo como CSSTransitionGroup. No puede aprovechar la API de bootstrap porque manipulará el DOM, lo que hace que el comportamiento de React sea impredecible. Además, bootstrap ocultará los detalles de su API de animación; es decir, no puedes usarlo en absoluto.
Sin embargo, con los componentes de arranque, no necesita preocuparse por cómo se implementa la animación mediante el arranque, solo necesita especificar las propiedades y los enlaces en un componente y la biblioteca hará el truco. Más específicamente, puede agregar algunos envoltorios que no son visibles para el cliente.
Como puedes ver arriba,
y
el componente se agrega mediante bootstrap.
Además, la sintaxis de DOM virtual puede no ser compatible con DOM:
Como se muestra arriba, poner dentro de una
es una forma de interfaz de usuario semántica, pero React se quejará. Espero que el arranque pueda experimentar problemas similares sin una biblioteca personalizada.
Es realmente una cuestión de qué marco frontal planea usar. Si va a utilizar Angular, Ember, Knockout o jQuery antiguo, entonces Bootstrap tradicional puede ser suficiente para usted. Con React, sin embargo, hay una diferencia fundamental en la forma en que el código de la aplicación JavaScript interactúa con el DOM que hace que el enfoque jQuery de Bootstrap sea muy difícil de trabajar, ya que React funciona principalmente con un DOM virtual. es true que el uso de React-Bootstrap reducirá la cantidad de código repetitivo que necesitaría para realizar tareas simples como botones o elementos de formulario, aunque esa no es la ganancia principal.
Si entendí bien, react-bootstrap es solo una extensión de componentes para facilitar la vida a quienes no conocen html + css.
Si no tiene el conocimiento sobre cómo hacer botones, menús, diseños, etc. por sí mismo con html + css + js, le aconsejo que use bootstrap.
React no te da el diseño de botones y menús por ejemplo.
Aquí está el enlace de Facebook de por qué usar reaccionar:
https://facebook.github.io/react/docs/por-que-reaccionar.html
Elegí React a pesar de angular porque es más fácil aprender a reaccionar si ya sabes javascript.
Si necesita usar bootstrap, le aconsejo que use solo twitter-bootstrap porque puede personalizar su diseño simplemente agregando otro archivo css después de bootstrap.css