react ui Download - react ui UI Source Code Download

react ui

مكونات الطرف الثالث

v0.57.0

تنزيل

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

يتم دعم تطوير React UI إلى حد كبير من قبل Racom - واحد من اللاعبين العالميين البارزين في البنية التحتية الهامة اللاسلكية.

دليل البدء السريع

لتثبيت React UI في تطبيقك:

تثبيت react-ui مع NPM. تأكد من أن لديك أيضًا prop-types و react و react-dom مثبتة.
```
npm install --save @react-ui-org/react-ui
```

قم بتحميل خط الويب Titillium:

 < link
  href =" https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap "
  rel =" stylesheet "
/>

تحميل رد فعل ui css في تطبيقك:

 import '@react-ui-org/react-ui/dist/react-ui.css' ;

استيراد واستخدام أي من مكونات واجهة مستخدم React في تطبيقك:
```
 import { Button } from '@react-ui-org/react-ui' ;

< Button label = "My Button" />
```

توجه إلى المستندات لمعرفة كيفية استخدام وتخصيص وتوسيع نطاق واجهة المستخدم.

وضع التطوير

من الممكن تشغيل React UI في تطبيقك في وضع التطوير. هذا مفيد لأن:

في وضع الإنتاج ، يستخدم واجهة المستخدم أسماء فئات غير قابلة للقراءة البشرية.
يتم قمع فحص وقت التشغيل (أي proptypes) في وضع الإنتاج.

لتمكين وضع التطوير ، أضف الكود التالي إلى ملف webpack.config.js في تطبيقك:

 module . exports = ( env , argv ) => ( {
  resolve : {
    alias : {
      // Allow to run react-ui in development mode for easier development.
      '@react-ui-org/react-ui$' : argv . mode === 'production'
        ? '@react-ui-org/react-ui/dist/react-ui.js'
        : '@react-ui-org/react-ui/dist/react-ui.development.js' ,
      '@react-ui-org/react-ui/dist/react-ui.css' : modeArgument === 'production'
        ? '@react-ui-org/react-ui/dist/react-ui.css'
        : '@react-ui-org/react-ui/dist/react-ui.development.css' ,
    } ,
  } ,
} ) ;