greenhouse react ui

Gewächshaus React UI

Die React -Komponentenbibliothek mit Rückenwind und einem wunderschönen Designsystem, mit dem Sie fantastische React -Projekte aufbauen können.

Mission

Erstellen Sie eine leichte Bibliothek für die zugängliche Komponenten, die Sie für die Erstellung Ihres nächsten fantastischen React -Projekts aus der Schachtel genutzt werden können.

Verwendung

Installieren

npm i greenhouse-react-ui

Inside tailwind.config.js

 const greenhouse = require ( 'greenhouse-react-ui/config' )
module . exports = greenhouse ( {
	purge : [ ] ,
	theme : {
		extend : { } ,
	} ,
	variants : { } ,
	plugins : [ ] ,
} )

Stellen Sie dann GreenHouse Ihres Projekts an die Wurzel Ihres Projekts (die Bestellung spielt keine Rolle, solange Ihre Bewerbung im Inneren ist).

 // 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' ) ,
)

Verwenden Sie Komponenten in Ihrem Projekt

 import { Button } from 'greenhouse-react-ui'

function App ( ) {
	return < Button > Hi there! </ Button >
}

export default App 

? Beitragen

• Gabel
• Klon
• npm install
• npm run storybook

Es startet einen lokalen Server bei localhost:6006 mit allen gebrauchten Komponenten.

git commit , Ihre Änderungen zu begehen

git push löst eine hübsche Formatprüfung, Linie, Prüfung und Build aus.

Unterstützung

Bitte spielen Sie dieses Projekt mit anderen und teilen Sie es mit anderen, um Ihre Unterstützung zu zeigen. Folgen Sie mir, um Updates zu zukünftigen Projekten und Tutorials zu erhalten!