Komponen Menghakis: Pustaka komponen baharu untuk qwik

Mengapa Komponen Menghakis

Sebagai pembangun web yang meminati prestasi, saya mahukan satu set komponen yang memanfaatkan sepenuhnya sifat Qwik yang boleh disambung semula. Itulah sebabnya saya mencipta komponen menghakis, perpustakaan yang disesuaikan khusus untuk Qwik untuk menjadikan UI berprestasi dan interaktif binaan mudah yang lengkap ciri, mudah digunakan dan bebas daripada mana-mana pakej lain.

Bagaimana Komponen Menghakis

Pemasangan melalui NPM atau Bun

Anda boleh memasang pustaka Komponen Crossive menggunakan npm atau bun. Jalankan arahan berikut dalam direktori projek anda:

npm pasang komponen silang

sanggul pasang komponen silang

Tambah useStyles(DefaultStyle) dengan useStyles(DefaultResources) atau useStyles(DefaultDarkResources) pada elemen reka letak akar untuk menggunakan gaya.

import {
  DefaultResources, // or(DefaultDarkResources)
  DefaultStyle,
} from 'corrosive-components'

export default component$(() => {
  useStyles$(DefaultResources) // or(useStyles$(DefaultDarkResources))
  useStyles$(DefaultStyle)

  return (
    // content
  )
})

Panduan pemasangan daftar untuk maklumat lanjut

Menyalin Kod Sumber Komponen Secara Terus

Jika anda memilih untuk tidak memasang pakej, anda boleh terus menyalin kod sumber untuk komponen individu dan gayanya dan menggunakannya dalam projek anda.

Perhatikan bahawa anda masih perlu menambah DefaultResources atau DefaultDarkResources pada elemen reka letak akar.
Gambaran Keseluruhan Penggayaan

Gaya dalam komponen menghakis terdiri daripada dua bahagian, Sumber yang mengandungi pembolehubah dan Gaya yang mengandungi gaya biasa.

Gaya lalai ialah DefaultStyle dan sumber ialah DefaultResources dan DefaultDarkResources yang disusun fail CSS sebaris.

Panduan penggayaan daftar keluar untuk maklumat lanjut

Siapa Komponen Menghakis

Artikel ini ditulis oleh Mahdi Movahedian Atar, pembangun dan penyelenggara komponen menghakis.

Atas ialah kandungan terperinci Komponen Menghakis: Pustaka komponen baharu untuk qwik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!