الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

رد فعل الدفيئة واجهة المستخدم

مكتبة مكونة React مع Tailwind ونظام تصميم رائع لمساعدتك في بناء مشاريع React Awesome.

مهمة

قم ببناء مكتبة مكونات مكونة خفيفة الوزن جاهزة لاستخدامها خارج الصندوق لبناء مشروع React Awesome التالي.

الاستخدام

ثَبَّتَ 

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 إلى قيام فحص تنسيق أجمل ، وبطني ، ومراجعة ، وبناء.

يدعم

يرجى تشغيل هذا المشروع ومشاركته مع الآخرين لإظهار دعمك. اتبعني ❤ للحصول على تحديثات على المشاريع المستقبلية والدروس التعليمية!

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل