thxmx ui

thxmxui

مكتبة حديثة لمكونات ReactJS

الصفحة الرئيسية

• زيارة هنا

سمات

• ؟ مجموعة عالية الجودة غير مألوفة من مكونات رد الفعل.
• ؟ مكتوبة بالكامل في TypeScript مع أنواع ثابتة يمكن التنبؤ بها.
• مجموعة كاملة من موارد التصميم والأدوات لتسهيل التنمية.

؟ ثَبَّتَ

npm install thxmx-ui

yarn add thxmx-ui

؟ الاستخدام

 import React , { FC } from 'react' ;
import { Button , Input } from 'thxmx-ui' ;

const App : FC = ( ) => (
  < >
    < Input label = "Label" hint = "Hint" />
    < Button label = "Print" color = "primary" />
  </ >
) ;

export default App ; 

التنمية

إصدار العقدة

بادئ ذي بدء ، دعنا نستخدم الإصدار 16 من العقدة حتى لا نواجه مشاكل التوافق ، لذلك يمكننا استخدام NVM فقط في المجلد المستودع.

$ nvm use

سيبحث هذا الأمر عن ملف .NVMRC وسيجد الإصدار الذي تم إنشاء المشروع به.

---

بيئة التنمية

استخدم Gitpod ، وهي بيئة Dev مجانية على الإنترنت لـ GitHub.

أو استنساخ محليًا:

$ git clone [email protected]:jnadroj/thxmx-ui.git
$ cd thxmx-ui
$ npm install
$ npm run dev

افتح متصفحك وزيارة http://127.0.0.1:3000

المتطلبات الأساسية

قبل البدء ، تأكد من استوفت المتطلبات التالية:

تأكد من أن لديك:

• Nodejs
• NPM أو الغزل
• غيت

دعونا نساهم؟

• الخطوة 1 - شوكة هذا المستودع.
• الخطوة 2 - استنساخ المستودع إلى جهازك المحلي.
• الخطوة 3 - حل الأخطاء ، يذكر في قسم القضايا في المستودع. أضف أيضًا وصفًا لما قمت به.
• الخطوة 4 - أضف التغييرات إلى مستودعك.
• الخطوة 5 - إنشاء طلب سحب. وهذا كل شيء.

ماذا يمكنك المساهمة في هذا الريبو؟ ؟

• يمكنك إضافة حلول البرمجة التنافسية الخاصة بك.
• هناك العديد من الموضوعات مثل الوظيفة ، والجانب المشروط من THXMX-UI وما إلى ذلك ، يمكنك المساهمة فيها
• يمكنك المساهمة ببعض موارد التعلم في ملف readme.md.
• يمكنك تعديل الحلول السابقة إذا كنت تشعر أن الحل الخاص بك لديه وقت أفضل أو تعقيد الفضاء.

لمزيد من المعلومات حول مساهمة زيارة:

؟ مساهمة

المساهمين

بفضل الأشخاص التاليين الذين ساهموا في هذا المشروع:

jnadroj @frey0-0؟ eriandev؟ @krozykaushal؟ @Kartikjoshi267؟ dorcastunmise؟

الكلمات الرئيسية؟

TypeScript JavaScript Library ReactJS مكونات Microsoft Language Language UI React-UI Framework Frontend Library-Ui