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.