ReactJsで反応性の高いウェブサイトを構築するには

Question

私はちょっと混乱しています。今までは、jQueryをベースにしてアプリケーションをビルドするためにブートストラップまたはjquery mobileを使用していました。私はReactJについて多くのことを聞いたので、私は次のアプリケーションに使用したいと思っています。私はブートストラップのようなものを探していますが、純粋にReactJsで書かれており、すぐに使えるようになっています。しかし今まで私は本当に便利なものは何も見つかりませんでした。まず、MaterializeCssを使用することを考えていましたが、jQueryの基盤であることをすぐに認識しています。 ReactJsで書かれたマテリアルUIはありますが、CDNはありません。アプリのJavaScriptファイルをビルドするために3番目のツールを使用する必要があります。最後に私はmuicssを見つけたが、これは非常に早い段階にあるようだ。

これまで私はReactJで自分のアプリを構築するための適切なライブラリが見つかりませんでした。提案はありますか？

https://github.com/contra/react-responsive

https://react-bootstrap.github.io/

アン：ちょうど私がアプリケーションを反応させるために、より統合された応答性の実装を行うことができますいくつかの新しいフレームワークやライブラリを見つけたの周りにGoogleに瞬間を取る

Answer 1

反応ブートストラップの例：

var buttonGroupInstance = (
    <ButtonGroup> 
    <DropdownButton bsStyle="success" title="Dropdown"> 
     <MenuItem key="1">Dropdown link</MenuItem> 
     <MenuItem key="2">Dropdown link</MenuItem> 
    </DropdownButton> 
    <Button bsStyle="info">Middle</Button> 
    <Button bsStyle="info">Right</Button> 
    </ButtonGroup> 
); 

React.render(buttonGroupInstance, mountNode); 

実際には、CSSになってしまいます。 のように、任意の名前をReact.createClassとすることができます。あなたのスタイルでfooをターゲットにすれば、必要なものを達成することができます。ここで

@media screen and (max-width: 1028px) { 
    foo { 
     width:50%; 
    } 
} 

は、いくつかの応答性の設計リソースです：

https://css-tricks.com/nine-basic-principles-responsive-web-design/

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/