La bibliothèque de composants React avec un vent arrière et un magnifique système de conception pour vous aider à créer des projets de réaction impressionnants.
Construisez une bibliothèque de composants accessible à un poids léger prêt à être utilisé hors de la boîte pour construire votre prochain projet de réact génial.
Installer
npm i greenhouse-react-ui Inside tailwind.config.js
const greenhouse = require ( 'greenhouse-react-ui/config' )
module . exports = greenhouse ( {
purge : [ ] ,
theme : {
extend : { } ,
} ,
variants : { } ,
plugins : [ ] ,
} ) Placez ensuite GreenHouse à l'origine de votre projet (la commande n'a pas d'importance, tant que votre application est à l'intérieur).
// index.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
import { GreenHouse } from 'greenhouse-react-ui'
ReactDOM . render (
< GreenHouse >
< App />
</ GreenHouse > ,
document . getElementById ( 'root' ) ,
)Utilisez des composants à l'intérieur de votre projet
import { Button } from 'greenhouse-react-ui'
function App ( ) {
return < Button > Hi there! </ Button >
}
export default App npm installnpm run storybook Il lancera un serveur local sur localhost:6006 avec tous les composants rendus.
git commit à commettre vos modifications
git push déclenchera le contrôle du format plus joli, le libellé, l'audit et la construction.
S'il vous plaît, jouez à ce projet et partagez-le avec les autres pour montrer votre soutien. Suivez-moi ❤️ pour les mises à jour sur les futurs projets et tutoriels!