Skip to content

Instantly share code, notes, and snippets.

@brendanoh
Created January 4, 2020 18:37
Show Gist options
  • Save brendanoh/bfc8fde411a41587fe1dfeeac4231729 to your computer and use it in GitHub Desktop.
Save brendanoh/bfc8fde411a41587fe1dfeeac4231729 to your computer and use it in GitHub Desktop.
Learning Svelte & Sapper

Svelte (!framework)

https://svelte.dev/

The tutorial, examples and repl links are spot on. Highly recomend just doing the tutorial from beginning to end.

Sapper (framework)

https://sapper.svelte.dev/

Some stuff to watch

Rich Harris - Rethinking reactivity (36 min) https://www.youtube.com/watch?v=AdNJ3fydeao

  • this is cannon

Let’s Learn Svelte (with Rich Harris) — Learn With Jason (1 hour 20 min) https://www.youtube.com/watch?v=ogXETl_I0Dg

Svelte Realtime Todo List with Firebase https://fireship.io/lessons/svelte-v3-overview-firebase/

Svelte and Sapper for Dummies - FREE MASTERCLASS INTRO (20 min) https://www.youtube.com/watch?v=WTbCPx7o5Xw&list=PLCrwuqjmVebK08Cwz_XB55cNKFfFYOMGo

  • long but very thorough walkthrough of

Demo project

Svelte News App

Posts

https://github.com/CalvinWalzel/awesome-svelte

Why You Should Give Svelte A Try https://www.experoinc.com/post/why-you-should-give-svelte-a-try

I created the exact same app in Vue and Svelte. Here are the differences. https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-vue-and-svelte-here-are-the-differences-c649f8d4ce0a?

I created the exact same app in React and Svelte. Here are the differences. https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-svelte-here-are-the-differences-c0bd2cc9b3f8

How to Localize a Svelte App with svelte-i18n https://phrase.com/blog/posts/how-to-localize-a-svelte-app-with-svelte-i18n/

What I Like About Writing Styles with Svelte https://css-tricks.com/what-i-like-about-writing-styles-with-svelte/

The Svelte Handbook https://www.freecodecamp.org/news/the-svelte-handbook/

Addons

sveltefire https://github.com/codediodeio/sveltefire

svelte-firebase (app template) https://github.com/jorgegorka/svelte-firebase

svelte-virtual-list https://github.com/sveltejs/svelte-virtual-list https://svelte.dev/repl/f78ddd84a1a540a9a40512df39ef751b?version=3.16.7 (demo)

svelte-devtools https://github.com/RedHatter/svelte-devtools (in progress)

svelte-infinitegrid https://github.com/naver/egjs-infinitegrid/tree/master/packages/svelte-infinitegrid (demos)

Repl

D3 Force Graph - svg https://svelte.dev/repl/01a5774b53e9416584428c025668407b?version=3.15.0

scroll binding https://svelte.dev/repl/54f0b5c05300487a90489c9f025afc24?version=3.16.4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment