我们可以在React.js中使用纯Bootstrap吗?

Can we use pure Bootstrap with React.js?

本文关键字:Bootstrap React js 我们      更新时间:2023-09-26

我想将网站从PSD原型转换为HTML/CSS/Bootstrap,然后转向JavaScript开发并使用React.js和一些JavaScript编码。

是否可以使用纯Bootstrap与React.js不使用React-Bootstrap?

也有可能HTML/CSS自由职业者做React-Bootstrap作为一个模型,然后找到一个JavaScript开发人员做像React.js和JS开发先进的工作?

我想开发应用程序的桌面使用电子和混合应用程序使用相同的代码库尽可能。

理论上是的。因为ReactComponent会把自己渲染成html,所以你只需要放入合适的css类就可以了。这对于bootstrap的css部分来说完全没问题。

BUT,所有由引导库完成的修改DOM的javascript东西都会与React的虚拟DOM发生"冲突"。避免这种情况的一种方法是永远不要渲染内部html被bootstrap修改的react组件(通过设置shouldComponentUpdate() { return false })。这样做,你可以认为React只是一个模板库来生成一些HTML标记,并让bootstrap主动为你修改这些标记,但这不是React的目的。

React的全部要点是能够在任何给定时刻将您的UI视为状态的函数:view = f(state)。这就是为什么react-bootstrap以React的方式重新实现了所有DOM修改

当然可以。我将包括bootstrap css作为CDN,并与正常的发展。