react ui Download - react ui UI Source Source Download

react ui

ส่วนประกอบของบุคคลที่สาม

v0.57.0

ดาวน์โหลด

ตอบสนอง UI

การพัฒนาของ 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' ;
```
นำเข้าและใช้ส่วนประกอบ UI React ใด ๆ ในแอพของคุณ:
```
 import { Button } from '@react-ui-org/react-ui' ;

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

มุ่งหน้าไปที่เอกสารเพื่อดูวิธีการใช้ปรับแต่งและขยาย React UI

โหมดการพัฒนา

เป็นไปได้ที่จะเรียกใช้ React UI ในแอพของคุณในโหมดการพัฒนา สิ่งนี้มีประโยชน์เพราะ:

ในโหมดการผลิต React UI ใช้ชื่อคลาสที่ไม่สามารถอ่านได้
ตรวจสอบรันไทม์ (เช่นโพรไทป์) ถูกระงับในโหมดการผลิต

ในการเปิดใช้งานโหมดการพัฒนาให้เพิ่มรหัสต่อไปนี้ลงในไฟล์ 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' ,
    } ,
  } ,
} ) ;