solid blocks

Blok padat

Blok bangunan UI untuk solidjs

Konsep inti

Komponen berharga alih -alih komponen tanpa nilai tambah

Elemen pembungkus seperti header, teks, atau gambar dalam komponen khusus hanya boros. Komponen hanya akan disediakan jika mereka memiliki nilai tambah atas elemen asli mereka. Nilai tambah mungkin

• Pengalaman Pengguna
• aksesibilitas
• Pengalaman Pengembang
• pertunjukan

Jika tidak ada keuntungan ini yang dapat diberikan, lebih baik menggunakan elemen HTML asli atau kemampuan Solidjs seperti portal secara efektif.

Komponen dengan gaya alih -alih komponen gaya

Langsung menggunakan CSS disukai saat ini, tetapi tidak seharusnya demikian. CSS yang dibuat dengan baik akan dengan mudah mengungguli komponen gaya. Itu harus melakukannya dengan

• Pendarahan minimal (awalan kelas sb-[component] , reset CSS, gaya dasar, variabel tema)
• nama kelas semantik, yaitu .primary.sb-button
• Pertimbangan A11Y dengan cermat
• bekerja sebanyak mungkin di lingkungan non-JS (SSR)
• Tema, mode gelap, sakelar mode inline mungkin
• TODO: Tata letak responsif

Penggunaan

yarn
yarn dev

Untuk menggunakan komponen

 import { Accordion , AccordionHeader } from "solid-blocks" ;

const MyApp = ( ) => {
  return (
    < Accordion >
      < AccordionHeader > Accordion </ AccordionHeader >
      < p > Hidden </ p >
    </ Accordion >
  ) ;
} ;