solid blocks

Bloques sólidos

Bloques de construcción de la interfaz de usuario para soldjs

Conceptos centrales

Componentes valiosos en lugar de componentes sin valor agregado

Envolver elementos como encabezados, texto o imágenes en componentes personalizados es solo un desperdicio. Los componentes solo se proporcionarán si han agregado valor sobre sus elementos nativos. El valor agregado puede ser

• experiencia de usuario
• accesibilidad
• Experiencia del desarrollador
• actuación

Si no se pueden proporcionar ninguna de estas ventajas, es preferible usar elementos HTML nativos o habilidades de SOLDJS como Portal de manera efectiva.

Componentes con estilo en lugar de componentes con estilo

El uso directo de CSS está mal visto hoy en día, pero no legítimamente. CSS bien diseñado superará fácilmente a los componentes de estilo. Debería hacerlo con

• sangrado mínimo (prefijo de clase sb-[component] , reinicio de CSS, estilos básicos, variables de tema)
• nombres de clase semántica, es decir .primary.sb-button
• Consideración cuidadosa de A11y
• Funciona tanto como sea posible en entornos no JS (SSR)
• Tema, modo oscuro, en línea, interruptor de modo en línea posible
• TODO: Diseño receptivo

Uso

yarn
yarn dev

Para usar los componentes

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

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