Learn Svelte 3

Description

This collection goes over the basics of Svelte 3. What is Svelte? Instead of doing the work of building user interfaces in the browser - Svelte completes its work during a compile stage. This short course introduces the basic concepts of Svelte 3 and is a great starting point for creating your first Svelte site.

• Up and running with Svelte 3
• 1. WTF is Svelte?
• 2. Create a new project with Svelte 3
• 3. Add data to HTML markup using Svelte 3
• 4. Up and running with Svelte 3
• 5. Create a new Svelte 3 component to render it inside of another component
• 6. Declare and pass in properties to a Svelte 3 component
• 7. Compose components with slots in Svelte 3
• 8. Use named slots to compose multiple components in Svelte 3
• 9. Render HTML directly into a component in Svelte 3
• 10. Use Svelte 3 to gracefully show and hide DOM elements
• 11. Use reactive declarations to compute component state in Svelte 3
• 12. Loop over and render a list of data using an each block in Svelte 3
• 13. Use await block to wait for a promise and handle loading state in Svelte 3
• 14. Use DOM events and event modifiers in Svelte 3
• 15. Use an onMount lifecycle method to fetch and render data in Svelte 3
• 16. Use Svelte 3 stores to share data between multiple unrelated components
• 17. Set a value to a Svelte 3 store
• 18. Use auto-subscriptions in Svelte 3 to avoid memory leaks when using Stores
• 19. Tween a value and dynamically update the DOM with Svelte 3
• 20. Create a new Svelte project with TypeScript support

Take me to the course!