★ Destaque
Estrutura Front-End: feature, lib e paridade de pastas
Domínio na pasta da feature, primitivos na lib, pontes só enquanto há consumidores, protótipo alinhado ao entregável.
Front-End-
Semântica: outline HTML e estados que não mentem
h1/h2 de verdade, button vs link, warning ≠ error, draft ≠ approved. CSS bonito não conserta HTML oco.
Front-End
-
Técnicas de UI: loaders, sticky e motion com propósito
Película na troca de rota, shimmer na lista, sticky com encapsulamento, scroll-margin sob header sticky, revelar sem layout jump.
Front-End
-
CSS: tokens de consumo — não o nome do Figma
surface-page e text-primary sobrevivem ao rename do arquivo. N60-S1 não. Onde o estilo mora: lib → componente → page.
Front-End
-
Design System como SoT do agente: o que aprendi no VDS da Vibra
VDS Vibra como fonte da verdade do agente: overlays, Form Field, chips e diff mínimo. Para designers e líderes.
Front-End
-
Responsive Web Design: uma verdade, todas as telas
Ethan Marcotte nomeou o óbvio necessário: fluid grids, imagens flexíveis e media queries — um único produto, vários viewports.
Front-End
-
Trabalho com o Matheus: handoff FE que fecha no dia
Mock atrás do serviço, tipos estáveis, pastas sem cruzamento, UI→serviço→endpoint — o que aprendi com o Matheus (BRQ) no Canal de Negócios.
Front-End
-
Angular: signals, encapsulation e paridade com o Next
computed com @Input congela o primeiro valor; sticky precisa de ::ng-deep; MatSelect que re-emite vira loop de change detection.
Front-End
-
React: SoT vivo, patch cirúrgico e quando (não) memoizar
Copiar métricas da rota do design system, mudar só o campo pedido e usar transition/effectEvent quando o fluxo precisa — não por…
Front-End
-
Next.js: o que o App Router me ensinou (layout, metadata e loaders)
Title trap em layout intermediário, page client sem metadata e a regra de ouro: película só em troca de pathname — shimmer…
Front-End