solid blocks

Blocos sólidos

Bloqueios de UI para SolidJs

Conceitos principais

Componentes valiosos em vez de componentes sem valor agregado

Os elementos de embrulho, como cabeçalhos, texto ou imagens em componentes personalizados, são apenas um desperdício. Os componentes só serão fornecidos se tiverem agregado valor sobre seus elementos nativos. O valor agregado pode ser

• experiência do usuário
• acessibilidade
• Experiência do desenvolvedor
• desempenho

Se nenhuma dessas vantagens puder ser fornecida, é preferível usar elementos HTML nativos ou habilidades do SOLIDJS como o portal de maneira eficaz.

Componentes com estilo em vez de componentes estilizados

O uso diretamente do CSS é desaprovado hoje em dia, mas não com razão. O CSS bem trabalhado superará facilmente os componentes estilizados. Deve fazê -lo com

• Sangramento mínimo (prefixo de classe sb-[component] , redefinição CSS, estilos básicos, variáveis temáticas)
• Nomes de classes semânticas, ou seja .primary.sb-button
• Consideração cuidadosa de A11y
• Funciona o máximo possível em ambientes não JS (SSR)
• Modo escuro e temático, comutador de modo embutido possível
• TODO: layout responsivo

Uso

yarn
yarn dev

Para usar os componentes

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

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