↑ ↓ navigate↵ selectesc close
🎧 Podcast Episode · S1E15SvelteReactDesignTailwind CSSSvelteKitFirebaseThree.jsGitHub

What's up with Svelte

What's up with Svelte is a CodingCat.dev podcast episode featuring Shawn Wang (swyx) alongside Alex Patterson and Brittney Postma focused on Svelte, React, Design. On this podcast we talk with Shawn Wang also known as swyx. We dive into what is happening with Svelte, the Svelte Society, and Svelte Radio. 1.15 - What's Up With SvelteKit with Shawn Wang (swyx): https://codingcat.dev/podcast/1-15-whats-up-with-svelte 0:00 - Intro
0:37 - Shawn Wang
2:08 - Where in the World is Shawn?
4:36 - How is Svelte different from other frontend frameworks?
7:35 - The Svelte job market
9:10 - Learning to use Svelte
10:39 - Svelte "Actions"
13:05 - Helpful shorthand
15: Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.

Questions

  1. Where are you living these days?
  2. What is Svelte and how is it different from other frontend "frameworks"?
  3. The website Svelte.dev explains a lot about why I love Svelte. It says, write less code in languages you already know, compiles the framework away to a tiny vanilla JS bundle, and easy out of the box reactive state management. All of this sounds fantastic, so why are companies still choosing the other big 3 frameworks. Is there anything Svelte missing? a. https://www.swyx.io/svelte-sites-react-apps/
  4. I saw you have a course on egghead on Design Systems with React and Typescript in Storybook. Do you think Svelte would be a good choice when building a design system since it is so close to base HTML?
  5. Built in animations and actions out of the box are 2 things that really make Svelte stand out for me. Can you explain more about what actions are and how you use them in Svelte? a. https://github.com/sw-yx/svelte-actions
  6. The Svelte docs are really nice, but when it comes to video tutorials there isn't much out there. Where would you tell people to go that wanted to get started learning Svelte and would you ever think about creating a course for Svelte?
  7. We've all heard the rumors that SvelteKit is coming soon and I know you don't work on that specifically. But, with this new solution coming out that will supposedly handle static site generation and server side rendering, do you know if Sapper is going away or what is happening there?

Links

Video Chapters & Timestamps

Jump directly to any segment of What's up with Svelte on YouTube using the timestamped chapters below:

  • 00:00: Intro
  • 00:00: Shawn Wang
  • 00:00: Where in the World is Shawn?
  • 00:00: How is Svelte different from other frontend frameworks?
  • 00:00: The Svelte job market
  • 00:00: Learning to use Svelte
  • 00:00: Svelte "Actions"
  • 00:00: Helpful shorthand
  • 00:00: Exploring Svelte
  • 00:00: Shawn's latest article
  • 00:00: "In Defense of Hammers"
  • 00:00: Svelte Native
  • 00:00: How to get started with Svelte
  • 00:00: The global Svelte community
  • 00:00: Svelte Summit
  • 00:00: Should you use Svelte for a design system?
  • 00:00: Uses for Storybook
  • 00:00: PodRocket
  • 00:00: The world of Sapper and Svelte Kit
  • 00:00: Veet and Snowpack

Resources, Links & Official Documentation

Related CodingCat.dev Tutorials & Podcast Episodes

Frequently Asked Questions (FAQ)

What are the main takeaways from What's up with Svelte?

On this podcast we talk with Shawn Wang also known as swyx. We dive into what is happening with Svelte, the Svelte Society, and Svelte Radio. 1.15 - What's Up With SvelteKit with Shawn Wang (swyx): https://codingcat.dev/podcast/1-15-whats-up-with-svelte 0:00 - Intro
0:37 - Shawn Wang
2:08 - Where in the World is Shawn?
4:36 - How is Svelte different from other frontend frameworks?
7:35 - The Svelte job market
9:10 - Learning to use Svelte
10:39 - Svelte "Actions"
13:05 - Helpful shorthand
15: Throughout this podcast, Shawn Wang (swyx) breaks down real-world implementation details for Svelte, React, Design so developers can apply these patterns directly in production.

How do you implement Svelte best practices in production?

When adopting Svelte and React in a production stack, start by validating your configuration against the Svelte & SvelteKit Documentation (Runes, compiler internals, and full-stack SvelteKit routing). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.

Where can I watch the full What's up with Svelte walkthrough and find related code resources?

You can watch the complete video session for What's up with Svelte on the CodingCat.dev YouTube channel. For a deeper dive into Svelte, check out our related guide: Creating and Using Kendo UI.

✏️ Episode Summary

1.15 - What's Up With SvelteKit with Shawn Wang (swyx): https://codingcat.dev/podcast/1-15-whats-up-with-svelte 0:00 - Intro 0:37 - Shawn Wang 2:08 - Where in the World is Shawn? 4:36 - How is Svelte different from other frontend frameworks? 7:35 - The Svelte job market 9:10 - Learning to use Svelte 10:39 - Svelte "Actions" 13:05 - Helpful shorthand 15:

✏️ Visual Architecture Diagram

how this episode connects together.

Follow AJ from first principles to production-ready architecture.

✏️ Visual Diagram: What's up with Svelte
✓ Good PatternVISUAL DIAGRAM
Visual Diagram: What's up with SvelteVisual architectural diagram showing: Step 1: Shawn Wang (swyx) (Mental model & why it matters) -> Step 2: Architecture & Patterns (Under the hood & live code) -> Step 3: Ship It Purrfectly (✓ Production trade-offs). Step-by-step diagram breakdown for What's up with Svelte: start with Shawn Wang (swyx), implement Architecture & Patterns, and ship to production.✓Step 01Shawn Wang (swyx)Mental model & why it matters✓Step 02Architecture & PatternsUnder the hood & live code✓Step 03Ship It Purrfectly✓ Production trade-offsunroll the yarn✓ production ready
[Diagram Walkthrough]Step-by-step diagram breakdown for What's up with Svelte: start with Shawn Wang (swyx), implement Architecture & Patterns, and ship to production.
AAA Contrast Verified