2016-09-06 2 views
5

Ich arbeite gerade an einer React App. Ich erwäge, bootstrap zu verwenden, um Responsive App zu entwerfen.Responsive Design reagieren

Ich frage mich, ob ich reine bootstrap Bibliothek verwenden oder react-bootstrap verwenden soll.

Und es gibt einige Bibliotheken ähnlich react-bootstrap wie react-grid-layout oder react-responsive.

Also, was ist die beste Bibliothek für Design Responsive App? Vielen Dank!

+0

Upvoted Frage, obwohl Sie vielleicht umschreiben möchten, so dass es nicht für eine "beste Bibliothek" fragt, die Ihre Frage für [etwas subjektiv] schließen kann (https://stackoverflow.com/help/dont-ask) . Sie könnten zum Beispiel sagen: "Die Verwendung von [bootstrap's responsive utility classes] (http://getbootstrap.com/css/#responsive-utilities) mit seinem duplizierten Design scheint nicht im Einklang mit Reacts Fähigkeit zu stehen, ein sich dynamisch veränderndes Design effizient zu rendern. Wie löst man diesen paradigmatischen Konflikt? ", Obwohl hoffentlich etwas ohne das Wort" paradigmatisch "ist. ;^D – ruffin

Antwort

5

Es gibt keine perfekte Bibliothek zum Erstellen einer Responsive App. Normalerweise ist der einzige Weg, um Exzellenz zu erreichen, eine Zeit und ein intelligentes Styling.

Ich empfehle normalerweise flexbox anstelle von einem Drittanbieter-Framework zu verwenden. Es ist ein guter Ort, um responsive Apps zu starten, es ist vanilla CSS, das auch auf react-native funktioniert.

Falls Sie dennoch eine dieser Bibliotheken nutzen möchten, verwenden Sie einfach die, mit der Sie sich wohler fühlen. Ich habe bootstrap v3 und v4 verwendet. Wenn Sie React verwenden, gehen Sie zu react-bootstrap, so dass Sie auch jQuery nicht benötigen und viel Ausführlichkeit sparen. Es gibt eine Menge Gemeinschaft und Fachwissen, also wäre es eine vernünftige Wahl für jedes mittelfristige oder längere Projekt.

Ich hoffe, es hilft.

0

Wenn Sie mit React responsive Web-Apps erstellen möchten, sollten Sie bulma.io verwenden. Es ist ein modernes CSS-Framework basierend auf Flexbox.