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

• Scott's Instagram
• LevelUpTutorials Instagram
• Wes' Instagram
• Wes' Twitter
• Wes' Facebook
• Scott's Twitter
• Make sure to include @SyntaxFM in your tweets