Unduh rocket ui - Unduh Kode Sumber rocket ui

rocket ui

Komponen pihak ketiga

v2.0.17

Unduh

? Tercerahkan

Perpustakaan ini telah sudah usang. Komponen-komponennya telah ditulis ulang menggunakan versi material dan reaksi terbaru dan dapat ditemukan di sini: roket-UI

Untuk dokumentasi dan contoh yang bermakna, periksa dokumentasi GitBook

Rocket-ui (sudah usang)

Koleksi bit

Satu set komponen reaksi yang dapat digunakan kembali dan dapat dikomposisikan yang dibangun di atas inti UI material untuk mengembangkan antarmuka aplikasi web yang cepat dan ramah.

? ‍ Periksa panduan migrasi dari bit warisan hingga menggigit versi harmoni.

? Instalasi

NPMRC adalah file konfigurasi NPM dan untuk menggunakan pustaka kami, Anda perlu mengonfigurasi file ini.

‼ Lewati langkah ini jika proyek dihasilkan dengan Webapp Rocket Generator kami. File .npmrc sudah dikonfigurasi

Berlari

npm config set @totalsoft_oss:registry https://node.bit.cloud

Perintah ini akan menambahkan entri di file root .npmrc Anda. Jika tidak ada, itu akan membuatnya.

- Memasang satu komponen

Buka halaman utama komponen dan kemudian pilih perintah untuk manajer paket yang Anda gunakan. Anda juga dapat memilih versi yang ingin Anda instal.

Jalankan perintah di terminal Anda dan Anda akan siap menggunakannya!

npm i @totalsoft_oss/rocket-ui.components.data-display.typography

- Instal semua komponen dengan satu paket

Jika Anda ingin memiliki semua komponen dalam proyek Anda hanya dalam satu paket. Arahkan ke komponen inti di bit cloud.

Instal Paket core dengan Menjalankan

npm i @totalsoft_oss/rocket-ui.core

Penggunaan

    import React from 'react'
    import Typography from '@totalsoft_oss/rocket-ui.components.data-display.typography'
    /* example using core package
    import { Typography } from '@totalsoft_oss/rocket-ui.core'
    */

    const App = ( ) => {
        return (
            < Typography variant = 'body2' emphasis = 'bold' >
                "Text"
            </ Typography >
        )
    }

? Struktur Komponen

Setiap komponen berada di bagian yang sesuai untuk tujuannya. Misalnya, semua komponen terkait tombol berada di folder buttons . Semua komponen memiliki struktur file yang sama. Kami menerapkan dan menegakkan struktur ini dengan membuat generator komponen kami sendiri, fungsionalitas yang disediakan oleh BIT. Seperti yang akan Anda lihat, semua komponen dan yang akan dibuat menggunakan template rocket-generator akan memiliki struktur berikut

file entri index.js .
File utama MyComponent.js .
File tes MyComponent.test.js .
File dokumen MyComponent.docs.mdx untuk komponen.
Folder Komposisi compositions .
- Komposisi MyComponent.composition.js untuk mensimulasikan komponen di berbagai negara dan konteks.

? Panduan Kontribusi

Kami menggunakan bit untuk manajemen dan kontribusi komponen. Bit adalah alat open-source untuk menyusun perangkat lunak yang digerakkan oleh komponen.

- Instal Bit

Disarankan untuk menggunakan command prompt alih -alih PowerShell karena beberapa masalah kompatibilitas.

npm i -g @teambit/bvm

bvm install

Jika ada kesalahan yang terjadi saat instalasi, silakan periksa bagian pemecahan masalah.

- Mulai server lokal

Setelah bit berhasil diinstal, Anda dapat mengkloning repositori dan menggunakan fungsionalitas bit sepenuhnya.?

Untuk memulai langsung jalankan di komando command bit start dan buka localhost: 3000. Mungkin perlu waktu untuk membangun pertama kali Anda menjalankan perintah ini karena membangun seluruh antarmuka pengguna untuk lingkungan pengembangan Anda. Saat server lokal aktif dan berjalan, Anda akan melihat semua komponen dan Anda dapat berinteraksi dengannya.

bit start

- Ubah komponen yang ada

Setelah mengubah/memperbaiki komponen sesuai dengan kebutuhan Anda, Anda harus menjalankan bit test untuk memastikan bahwa semua tes lulus dan menambahkan lebih banyak jika perubahan Anda memerlukan.

bit test

Juga, jika fitur baru ditambahkan, di samping tes, contoh dengan fungsionalitas baru juga harus ditambahkan. File contoh ada di setiap direktori komponen di dalam direktori compositions .

Setelah mengubah komponen, Anda perlu menjalankan bit status untuk memeriksa masalah yang terkait bit dan kemudian bit compile untuk memiliki modifikasi terbaru di UI Anda.

bit status

bit compile

- Menambahkan komponen baru

Untuk membuat komponen baru, Anda harus menggunakan generator komponen kami sendiri, rocket-generator , yang menyediakan templat yang sangat membantu dalam mengimplementasikan komponen baru.

bit create rocket-generator components/buttons/my-component

- Permintaan Buka Tarik

Ketika perubahan/fitur/perbaikan Anda selesai dan Anda ingin menandai komponen mana yang diterbitkan, versi berikutnya dan penggunaan pesan changelog -opsi soft.