使用Bootstrap与React的最佳方法?直接或与图书馆?

时间:2017-02-02 01:26:08

标签: twitter-bootstrap reactjs

将Bootstrap(或类似Bootstrap)样式应用于React Web应用程序的标准方法是什么?

是直接执行此操作的首选方式,还是社区倾向于使用库?

如果是图书馆,哪个图书馆最受欢迎?我知道这是主观的,我发现一般来说,只有一个或少数人有共识。如果有一些被普遍接受,那么有什么权衡呢?

3 个答案:

答案 0 :(得分:2)

使用React和Bootstrap时,最流行的库是React Bootstrap。这为您提供了方便的组件,它们已经包含了所有类等。

值得注意的是:

  

因为React-Bootstrap不依赖于非常精确的Bootstrap版本,所以我们不附带任何包含的CSS。但是,某些样式表需要使用这些组件。您包含的引导程序样式和引导程序取决于您,但最简单的方法是包含CDN中的最新样式。

我见过的大多数实现都利用Webpack之类的构建工具,并使用sass-loader之类的加载器。这样您就可以使用官方Bootstrap sass library

如果您的需求不是那么复杂,您始终可以选择在初始index.html中包含CSS。

与前端开发中的大多数事情一样:没有绝对的正确答案。

答案 1 :(得分:1)

为了构建以前的答案,Google Material library具有比React Bootstrap更多的组件,并且可以轻松进行自定义。

材料可作为npm包使用。

答案 2 :(得分:0)

React Bootstrap当前在Bootstrap v4的Beta中。考虑到这一点,我建议您在生产应用程序中使用它之前等待(除非您很高兴使用Bootstrap v3)。

如果您的应用程序使用的是Webpacker / compiler,则最好使用npm install bootstrap将引导程序安装为依赖项。如果没有,则可以使用CDN(在index.html文件中包括link元素)进行安装。