Bootstraps和ReactJS

时间:2018-06-14 12:27:26

标签: css reactjs bootstrap-4

我正在使用 ReactJS 构建一个Web应用程序。

我想知道合并ReactBootstrap或者它是否完全没用是否是个好主意?有什么我可以做一个,我不能与其他人一起做? 我知道Bootstrap是一个框架而React是一个库,但我想知道两者之间有什么区别,因为我读了一些文章解释了库和框架之间的区别而且无法理解!

3 个答案:

答案 0 :(得分:1)

我建议您阅读本教程: https://ourcodeworld.com/articles/read/561/how-to-use-components-of-bootstrap-4-in-reactjs

基本上,它们不是出于同样的目的:您可以在ReactJS中编写业务逻辑(〜应用程序将如何工作),然后您可以使用Bootstrap中编写的一些自定义CSS类魔术向最终用户显示它4。

希望有所帮助!

答案 1 :(得分:1)

以下Stackoverflow帖子中解释了框架之间的区别:What is the difference between a framework and a library?

如果您想在Bootstrap 4中使用ReactJS,可以使用以下超级简单易用的图书馆Reactstrap

我希望这会对你有所帮助。

答案 2 :(得分:0)

Bootstrap是一个CSS框架,它用于制作响应迅速且漂亮的网站。

React js是一个视图库,可以轻松创建交互式UI。为应用程序中的每个状态设计简单视图,当数据发生变化时,React将有效地更新和呈现正确的组件。

  

如果您想构建互动和美观,可以一起使用它们   网站。

在React中包含bootstrap,

首先请参阅此Bootstrap webpack

这是在reactjs项目中使用bootstrap的一种方法。

这样做的好处是可以访问最新的bootstrap css。

使用它的缺点是在reactjs中使用jquery插件很复杂。但是,如果你只对css感兴趣,那么它就是完美的。

使用此方法,您可以直接使用文档中的引导类并获得更多控制权。 只需使用className代替class

如果您想要简单的设置,那么您可以使用reactstrap link

其他框架包括react-bootstrap link

这并不意味着您必须仅使用引导程序。您可以使用任何其他css框架,如Bulma,Foundation等。

使用带有React的jQuery值得吗?

我的观点是不要将jQuery与React一起使用,因为jQuery或jQuery插件会改变DOM结构,这反过来会导致reactjs虚拟DOM出现问题。

这并不意味着你不能使用jQuery,你可以,但它与正常使用有点不同。

Reactjs提供了一种在这里使用jQuery和其他插件的方法Integrating with Other Libraries