Resources that go beyond the official documentation. To learn Svelte or to find things to use in your own projects. If you have nice resources to add, please comment below.
- Main tutorial https://svelte.dev/tutorial/basics
- API https://svelte.dev/docs
- Main repo: https://github.com/sveltejs/svelte
- Start a new project from a template
- Component template
Learn the concepts behind Svelte. Best resources to get excited about Svelte!
Get started learning Svelte with video tutorials.
Get started with text-based tutorials.
- Dave Ceddia - Svelte intro
- R. Mark Volkmann - Web Development Simplified With Svelte
- Practical Svelte: The use-directive
Follow a full course on Svelte.
- Svelte JS: the complete guide (Warning: this is one of the few full-on video guides but author uses a lot of React habits during coding, YMMV)
Kickstart your project with these templates.
Look into specific components to use into your projects.
Interesting REPLs you can learn something from.
- Responsive slider
- Infinite scrolling calendar
- Stagger animation
- Themed buttons
- SvelteGL
- Undo/redo
- Component composition: Panel example
Rollup is an option for the JS module bundler.
https://rollupjs.org/guide/en/
Rollup has several plugins to parse other file formats.
https://www.npmjs.com/package/rollup-plugin-svg rollup-plugin-svelte https://github.com/differui/rollup-plugin-sass
- Conditional transitions
- Svelte custom elements
- Svelte 3 components in legacy apps
- Reorderable list
- Celestrak https://celestrak.com/cesium/orbit-viz.php?tle=/pub/TLE/catalog.txt&satcat=/pub/satcat.txt&referenceFrame=1
- Svelte Poker https://github.com/buhrmi/svelte-poker
Older entries archived for various reasons.
And some REPLs that I've learnt from -
https://svelte.dev/repl/b16fda60c91a4fb4804a6972c2a41848?version=3.9.1
https://svelte.dev/repl/8b6c26764c36456b83946d5c16fd6061?version=3.8.1
https://svelte.dev/repl/3b5af92aef9c49cba630a5d04f0edf63?version=3.9.1
https://svelte.dev/repl/41f963f005864fa68e2ff035e88899a9?version=3.12.1