December 13th, 2021 × #svelte#react#webdev
How To Do Things In Svelte
Covers building a Svelte app including local state, reactivity, conditional rendering, input binding, and child components.
Wes Bos Host
Scott Tolinski Host
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
