awesome-svelte

⚡ List of awesome Svelte resources

Contents

• Docs
  • https://svelte.dev/
  • https://egghead.io/playlists/getting-started-with-svelte-3-05a8541a
  • https://github.com/feltcoop/why-svelte
• State Management
• TypeScript support
• Community
  • https://www.facebook.com/groups/1219388761568875/
  • https://www.meetup.com/svelte/ — London Svelte Meetup
• DevTools
  • https://github.com/RedHatter/svelte-devtools
• Unit Tests
  • https://github.com/rspieker/jest-transform-svelte
• Videos
  • https://www.youtube.com/watch?v=AdNJ3fydeao — Rich Harris
  • https://www.youtube.com/channel/UCZSr5B0l07JXK2FIeWA0-jw/videos
  • https://www.youtube.com/watch?v=EsxloTatAco — Przeprogramowani
  • https://www.youtube.com/channel/UCg6SQd5jnWo5Y70rZD9SQFA/videos
• Articles
  • https://alligator.io/svelte/getting-started-with-svelte/
  • https://sibta.in/writings/responsive-svelte-components
  • https://sibta.in/writings/absolute-paths-svelte
  • https://sibta.in/writings/lazy-load-svelte
  • https://rajasegar.github.io/svelte2vs3/ — Svelte 2 vs 3: Cheat Sheet

Goals

• SSR
• Accessibility
• Animations
• Transitions

How it works?

• Svelte is a ...compiler!
  • https://svelte.dev/examples#hello-world
  • Look at "JS output" tab on the right
• Comparision with React.js
  • React.js use Virtual DOM
• Comparision with Vue.js
  • ???

How to start?

• https://www.youtube.com/watch?v=AdNJ3fydeao
• https://stackblitz.com/svelte/fork