Comment construire un site web réactif avec ReactJs

Je suis un peu confus. Jusqu'à présent, j'ai été en utilisant bootstrap ou jquery mobile pour construire ma demande à la fois de base sur jQuery. J'ai beaucoup entendu parler ReactJs et je voudrais l'utiliser pour ma prochaine demande. Je suis à la recherche de quelque chose comme bootstrap, mais purement écrite avec ReactJs et prêt à l'emploi. Mais jusqu'à maintenant, je n'ai pas trouvé quelque chose de vraiment pratique. J'ai d'abord été pensée pour une utilisation MaterializeCss mais me suis vite rendu compte que c'était de la base ainsi sur jQuery. Il y a du matériel-ui purement écrite avec ReactJs mais il n'est pas CA et il me forcerait à utiliser troisième outil pour construire votre application fichiers javascript. Finalement, j'ai trouvé muicss mais celui-ci semble être à un stade très précoce.

Jusqu'à maintenant, je n'ai pas trouvé la bonne lib de construire mon appli avec ReactJs. Avez-vous une suggestion?

Il n'y a aucune raison que vous ne pouvez pas utiliser Réagir avec Bootstrap et JQuery. Réagir n'est pas vraiment un "Cadre", mais plutôt un outil pour aider à mettre en œuvre le Flux de modèle de conception.
lolwut? vous pouvez 100% écrire Réagir sans jamais même penser à des Flux.
la conception" et de Réagir sont orthogonaux préoccupations!
non, il n'était pas. Le Flux a été conçu d'après le fait, comme une façon de partager l'état entre découplé des composants (pour ne pas mentionner, c'est essentiellement un droit-rip de l'unique-répartiteur modèle de la colonne vertébrale.) Réagir est juste un moyen de rapidement et avec permet d'afficher une vue. Il ne se soucie pas si vous écrivez une application ou pas.
Je pense que la première réponse d'Alex est très intéressant. Maintenant, je comprends que ReactJs seul est en quelque sorte inutile... ReactJs juste vous permettre de procéder à la vue dans un composant façon et rien d'autre... Merci pour vos réponses.

OriginalL'auteur Alexandre | 2015-09-23

  1. 20

    Juste prendre un moment pour Google, j'ai trouvé un peu de nouvelles structures et de bibliothèques, qui vous permettra de faire une plus intégré et sensible de la mise en œuvre de Réagir apps:

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

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

    Un exemple de réagir bootstrap:

    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);

    Mais vraiment, ça vient juste du CSS. Vous pouvez mettre le nom de votre composant ce que vous voulez avec React.createClass, comme <foo />. Puis il suffit de cible foo avec vos styles et vous êtes en mesure de réaliser tout ce que vous avez besoin.

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

    Voici quelques responsive design ressources:

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

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

    OriginalL'auteur robabby