2017-02-02 7 views
0

React WebアプリケーションにBootstrap(またはBootstrap風の)スタイリングを適用する標準的な方法は何ですか?Reactでブートストラップを使う最良の方法は?直接または図書館で?

これを直接行うのが好ましい方法ですか、またはコミュニティがライブラリを使用する傾向がありますか?

ライブラリの場合は、どのライブラリが最も人気がありますか?私はこれが主観的であることを知っており、私は一般的に1つまたは少数の周りにコンセンサスがあることを知ります。一般に認められているものがいくつかある場合、トレードオフは何ですか?

答えて

1

おそらく最も一般的なライブラリは、React and Bootstrapで作業する場合、React Bootstrapです。これは、すでにそれはしかし、注目する価値があるなど

すべてのクラスを持っている使用することをあなたに便利なコンポーネントを提供します:リアクト - ブートストラップは、ブートストラップの非常に正確なバージョンに依存しないので

、我々ドン付属のCSSを同梱しています。ただし、これらのコンポーネントを使用するにはスタイルシートが必要です。どのようなブートストラップスタイルを含めるかはあなた次第ですが、最も簡単な方法はCDNの最新のスタイルを含めることです。

ほとんどの実装私はWebpackのようなビルドツールを利用し、sass-loaderのようなローダーを使用することを見てきました。これにより公式Bootstrap sass libraryを使用することができます。

あなたのニーズがあまり複雑でない場合は、常に最初のindex.htmlにCSSを含めることができます。

フロントエンド開発のほとんどのものと同様に、絶対的な正解はありません。

1

Google Material libraryは、React Bootstrapより多くのコンポーネントを備えており、簡単にカスタマイズすることができます。

この資料はnpmパッケージとして入手できます。

関連する問題