Svelte tutorial 2024 em 67 minutos

Описание: Desde a construção de interfaces reativas e componentes reutilizáveis ​​até o domínio do gerenciamento de estado e manipulação de eventos, nós vamos te mostrar tudo o que você precisa saber sobre o Svelte para o desenvolvimento web.

[00:00](https://youtube.com/Mde2q7GFCrw?t=0s) 📚 Svelt é um framework JavaScript focado em simplicidade e performance para interfaces reativas no DOM.
[02:18](https://youtube.com/Mde2q7GFCrw?t=138s) ⚙️ Svelt usa componentes baseados em templates para criar interfaces reativas com lógica no HTML.
[05:36](https://youtube.com/Mde2q7GFCrw?t=336s) 🎨 Estilização em Svelt é local por padrão, usando `style` dentro de componentes para evitar conflitos.
[10:05](https://youtube.com/Mde2q7GFCrw?t=605s) 📦 Componentes aninhados são suportados, permitindo a composição de interfaces reutilizáveis.
[12:23](   • Svelte tutorial 2024 em 67 minutos  ) 🛡️ Evite `@html` para prevenir XSS no Svelte.
[14:41](   • Svelte tutorial 2024 em 67 minutos  ) 🖱️ Svelte simplifica eventos com `on:event`.
[21:14](   • Svelte tutorial 2024 em 67 minutos  ) 🔄 Atualizações em Arrays exigem reatribuições completas no Svelte.
[24:14](   • Svelte tutorial 2024 em 67 minutos  ) 🧩 Svelte oferece reatividade automática para atualização de componentes.
[31:29](   • Svelte tutorial 2024 em 67 minutos  ) 🌟 Promises podem ser usadas diretamente no HTML do Svelte.
[33:47](   • Svelte tutorial 2024 em 67 minutos  ) 🖱️ Eventos inline no Svelte são eficientemente gerenciados.
[38:40](   • Svelte tutorial 2024 em 67 minutos  ) 🌐 Event forwarding no Svelte permite a passagem de eventos entre componentes.
[43:20](   • Svelte tutorial 2024 em 67 minutos  ) 🔗 "Binding" no Svelte facilita a conexão entre template e lógica do componente.
[48:12](   • Svelte tutorial 2024 em 67 minutos  ) 🎯 "Binding" em selects múltiplos no Svelte simplifica a seleção de várias opções.
[51:37](   • Svelte tutorial 2024 em 67 minutos  ) 🔄 Hooks de ciclo de vida como onUpdate são úteis no Svelte.
[54:09](   • Svelte tutorial 2024 em 67 minutos  ) ⏲️ A função tick no Svelte garante sincronização antes de atualizações desnecessárias.
[56:41](   • Svelte tutorial 2024 em 67 minutos  ) 📊 O gerenciamento de estado no Svelte com writable simplifica o compartilhamento de dados.
[01:01:19](   • Svelte tutorial 2024 em 67 minutos  ) 🔄 Funções `start` e `stop` em Stores do Svelte controlam processos.
[01:03:09](   • Svelte tutorial 2024 em 67 minutos  ) 📦 Custom Stores no Svelte centralizam lógica para melhor organização.
[01:05:13](   • Svelte tutorial 2024 em 67 minutos  ) 🔗 O bind de Stores no Svelte facilita atualizações dinâmicas de dados.