How To Do Things In Svelte

Syntax - Tasty Web Development Treats

In this Hasty Treat, Wes and Scott talk about how to do things in Svelte.

Sponsor - Freshbooks

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

Sponsor - LogRocket

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes

  • 00:28 Welcome
  • 02:18 Lead pipe talk
  • 04:33 Sponsor: Freshbooks
  • 05:05 Sponsor: Logrocket
  • 06:34 Intro to Svelte
  • 07:44 Get Local State running
  • Writable-stores
  • 10:47 Arrow functions
  • 11:53 Functions that update state
  • React Hooks in Svelte
  • React Use Svelte Store
  • 14:36 Live / Reactive Variables
  • 17:03 Context
  • 20:45 Conditional rendering
  • 24:57 Input binding
  • 28:02 Should Wes rewrite his video player in Svelte?
  • 30:07 Child elements
  • 32:10 Vercel hires Rich Harris
Tweet us your tasty treats

To listen to explicit episodes, sign in.

Stay up to date with this show

Sign in or sign up to follow shows, save episodes and get the latest updates.

Select a country or region

Africa, Middle East, and India

Asia Pacific

Europe

Latin America and the Caribbean

The United States and Canada