Componentes de UI reutilizáveis com Lit e Web Components

Eu desenvolvo componentes de interface como verdadeiros Web Components no Lit, então os elementos que você obtém vivem no nível da plataforma, não estão atados a um único framework. Cada componente é um elemento customizado completo com uma árvore de sombra isolada, seus próprios estilos que não vazam em lugar nenhum, e um conjunto claro de atributos, propriedades e eventos. O resultado é que o mesmo botão, tabela, modal ou seletor de data funciona de forma idêntica em marcação simples, em uma grande aplicação de página única, em renderização do lado do servidor — e continua funcionando quando o próximo framework da moda inevitavelmente assume.

Normalmente, eu não construo um único widget, mas uma pequena biblioteca coesa. Primeiro, definimos tokens, nomenclatura, comportamento de acessibilidade e eventos, depois eu entrego componentes que são amigáveis ao teclado, compreensíveis para leitores de tela, personalizáveis através de propriedades customizadas e equipados com exemplos ao vivo. Você recebe o código-fonte, uma versão para publicação no seu registro interno, um breve guia de migração e lançamentos versionados. Eu posso estender um sistema de design existente, envolver um widget legado como um elemento moderno, ou montar um conjunto a partir de seus mockups, e após a entrega, continuo em contato à medida que o produto cresce.

— Elementos customizados reutilizáveis com isolamento de estilo através do shadow DOM
— Bibliotecas de sistema de design com tokens de tema e documentação
— Acessibilidade, suporte a teclado e testes de automação de componentes