/ / Comment développer réagir avec MaterializeCSS? - twitter-bootstrap, reactjs, npm, webpack, matérialiser

Comment développer réagir avec MaterializeCSS? - twitter-bootstrap, reactjs, npm, webpack, matérialiser

J'ai installé MaterializeCSS via npm. Mais je ne suis pas sûr de savoir comment utiliser MaterializeCSS. J'utilise WebPack.

Quelqu'un peut-il suggérer un tutoriel ou quelque chose pour le support? Comment pouvons-nous l'importer et utiliser les classes sur les composants?

Est-il bon d’utiliser Bootstrap ou de sauter dans MaterializeCSS? MaterializeCSS est-il assez stable pour être utilisé comme bootstrap?

Réponses:

0 pour la réponse № 1

Etes-vous sûr que c’est le matériel-css que vous souhaitez utiliser? Ou est-ce matérialiser-css?

Concernant l’importation des fichiers, vous pouvez simplement les ajouter dans votre code HTML (pour bootstrap) 

<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
<script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>

De ce que je sais, il ne faut pas "avoir de fichiers frontaux comme node_modules dépendances, vous pouvez donc envisager d’utiliser un CDN au lieu d’installer Bootstrap / Materialize via NPM. C'est aussi plus rapide.

questions connexes

Réagissez DatePicker Bootstrap à jour - twitter-bootstrap, reactjs, datepicker
Webpack ne parvient pas à compiler lors de l’ajout de bootstrap - twitter-bootstrap, reactjs
React, webpack-dev-server => Échec de rendu de ReactDOM - reactjs, webpack, webpack-dev-server
React in Production: Quelle doit être la taille de React en production? - réactions, webpack
Comment regrouper Web App Manifest et favicons avec WebPack
Comment utiliser sideNav de matérialiser css avec react? - réagit, matérialise, sidenav
Les modules suivants ne peuvent pas être mis à jour à chaud: (recharge complète requise) - reactjs, typescript, webpack, webpack-dev-server, remplacement de module à chaud
Réagissez webpack indéfini réagissez dans la console - reactjs, webpack, webpack-dev-server
Où les UIKit doivent-ils être importés dans les composants React - reactjs, uikit
Comment convertir webpack avec es6 en general react - reactjs, webpack
Installez une gemme ou un fil bootstrap pour ajouter des bandes d'amorçage pour les rails 5.1 ou les deux.
React.createClass n'est pas une fonction, peut être une erreur compliquée avec le webpack - javascript, reactjs
Comment faire en sorte que la liste déroulante de sélection de matériel à utiliser avec React? - javascript, reactjs, dropdown, matérialiser
Pouvons-nous utiliser un Bootstrap pur avec React.js? - javascript, reactjs, react-bootstrap
Exécuter des fonctions décoratives sur le noeud DOM en réaction après le rendu - javascript, reactjs, matérialiser
Simplification des besoins / importations - javascript, reactjs
Datepicker pour React-Strap - javascript, réagir, réagir-bootstrap, bootstrap-datepicker
À quoi le module fait-il référence dans le contexte des 4 concepts de Webpack? - javascript, reactjs, webpack
Comment utiliser Bootstrap 4 avec ReactJS + Webpack - css, twitter-bootstrap, reactjs
materializecss en désordre avec les classes existantes. Comment puis-je ajouter un préfixe? - css, google-chrome-extension, matérialiser