greenhouse react ui

온실 반응 UI

Tailwind와 멋진 디자인 시스템이 장착 된 React 구성 요소 라이브러리는 멋진 React 프로젝트를 구축 할 수 있도록 도와줍니다.

사명

다음 Awesome React 프로젝트를 구축하기 위해 상자 밖으로 사용할 준비가 된 가벼운 액세스 가능한 구성 요소 라이브러리를 구축하십시오.

용법

설치하다

npm i greenhouse-react-ui

tailwind.config.js 내부

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

그런 다음 GreenHouse 프로젝트의 루트에 배치하십시오 (응용 프로그램 내부에있는 한 주문은 중요하지 않음).

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

프로젝트 내에서 구성 요소를 사용하십시오

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

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

export default App 

? 기여

• 포크
• 클론
• npm install
• npm run storybook

localhost:6006 에서 로컬 서버를 시작합니다. 모든 구성 요소가 렌더링됩니다.

git commit

git push 더 예쁘게 형식 점검, 라인, 감사 및 빌드를 트리거합니다.

지원하다

이 프로젝트를 시작하여 다른 사람들과 공유하여 귀하의 지원을 보여주십시오. 향후 프로젝트 및 튜토리얼에 대한 업데이트를 위해 나를 팔로우하십시오!