What's up with Svelte

#svelte #react #design #podcast

Original: https://codingcat.dev/podcast/1-15-whats-up-with-svelte

▶ Watch on YouTube & Subscribe to CodingCat.dev

**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

Where are you living these days?
What is Svelte and how is it different from other frontend "frameworks"?
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/
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?
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
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?
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?

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

*Watch on YouTube: *What's up with Svelte Full Video (plus Subscribe to CodingCat.dev)
*Show Pick: *unDraw (picked by Alex Patterson)
*Show Pick: *Web Design in 4 minutes (picked by Alex Patterson)
*Show Pick: *Draggable Kanban App with Svelte (picked by Brittney Postma)
*Show Pick: *Three.js - JavaScript 3D Library (picked by Shawn Wang (swyx))
Shawn Wang (swyx) Guest Profile & Episodes on CodingCat.dev
Shawn Wang (swyx) on GitHub
Svelte & SvelteKit Documentation: Runes, compiler internals, and full-stack SvelteKit routing
React Official Reference: Hooks, Server Components, and UI state patterns
web.dev UI & Design Patterns: Responsive web design, typography, color systems, and UX patterns

Related CodingCat.dev Tutorials & Podcast Episodes

Creating and Using Kendo UI: We have Alyssa Nicoll and Kathryn Grayson from Progress teach us all about KendoUI and how they maintain this frontend library.
Using No-Code with Builder - Part 2: Alex and Brittney sit down with Steve Sewell, Co-Founder and CEO of http://builder.io/, to understand how http://builder.io/ is different from other no-code sol...
RxFire in Svelte 3 using Firebase Firestore and Authentication: Introduction to Svelte3, Firebase, and RxFire. RxFire provides a set of observable creation methods. You simply call a function with some parameters to receive ...

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.

DEV Community