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

时间:2016-06-24 14:11:57

标签: javascript reactjs react-bootstrap

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

是否可以在不使用React-Bootstrap的情况下将纯Bootstrap与React.js一起使用?

也可以将HTML / CSS Freelancer作为模型进行React-Bootstrap,然后找一个JavaScript开发人员来完成像React.js和JS开发这样的高级工作吗?

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

2 个答案:

答案 0 :(得分:8)

理论上,是的。由于ReactComponent将自己渲染为html,因此您可以将正确的css类放在那里。对于bootstrap的css部分来说,这完全没问题。

但是,修改DOM的bootstrap库完成的所有javascript内容都与React的虚拟DOM“冲突”。 避免这种情况的一种方法是永远不要重新渲染其内部html被bootstrap修改的react组件(通过设置shouldComponentUpdate() { return false })。 这样做,您可以将React视为一个模板库来生成一些HTML标记,并让bootstrap为您主动修改此标记,但这不是React的用途。

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

答案 1 :(得分:0)

当然可以。我将引导程序css作为CDN包含在内并继续正常开发。