30 artigos com a etiqueta #components no hackpile.dev.
- Seu Primeiro Otimizador Client-Side
Construa um otimizador de imagens client-side: compressão WebP com arrastar e soltar, decodificação com reconhecimento de EXIF, controle deslizante de qualidade e comparação controlada por ponteiro.
- Carregamento Lazy, Dicas de Prioridade e a Técnica Blur-Up
Domine carregamento lazy, dicas de prioridade e técnicas de blur-up com LQIP para otimizar a performance percebida e eliminar caixas de imagem em branco.
- $host
Domine a rune $host do Svelte 5 para elementos customizados: despache eventos, acesse propriedades do host, integre com formulários e garanta o encapsulamento.
- $props
Domine a rune $props: passe dados, use desestruturação com valores padrão, lide com props opcionais e construa interfaces de componentes bem tipadas.
- $bindable
Domine a rune $bindable do Svelte 5 para vinculação de dados bidirecional entre componentes pai e filho com gerenciamento de estado previsível.
- {@render ...}
Domine a tag { @render ... } do Svelte 5 para invocar snippets, lidar com conteúdo opcional, padrões de seleção dinâmica e construir APIs de componentes sofisticadas.
- <svelte:head>
Aprofunde-se no `<svelte:head>` do Svelte 5 para gerenciamento do cabeçalho do documento, SEO, SSR, meta tags dinâmicas e padrões para aplicações complexas.
- <svelte:options>
Aprenda como usar o `<svelte:options>` do Svelte 5 para controlar o modo runes, namespaces, injeção de CSS e compilar componentes como custom elements reutilizáveis.
- +page.svelte
Aprenda como os arquivos +page.svelte definem o que os usuários veem em cada rota e como criar suas primeiras páginas com Server-Side Rendering no SvelteKit.
- <svelte:element>
Mergulho profundo no `<svelte:element>` do Svelte 5 para renderizar tags HTML dinâmicas, criar componentes polimórficos e lidar com conteúdo semântico gerado por CMS.