Svelte Radio – Details, episodes & analysis

Summary:
In this episode we sit down with Matias (patakdev) and Pete (pngwn) to talk about how Vite evolved into a framework agnostic build tool and what it has planned for the future.

Recorded on June 28th, 2024

Discussion:

• Building and maintaining Vite
• Vite vs Snowpack
• Speeding up Vite with Rolldown
• Vite's new Environment API
  • utilizing serverless APIs (Cloudflare D1, Key value etc.)
  • Rich Harris: Electron/Tauri
  • native mobile platforms?
• ViteConf 2024 on October 3

Picks

• Kevin: Sugar (TV show on Apple TV),
• Pete (pngwn): Local first development story
• Matias (patak): Svelte/Kit Tutorial, TutorialKit

Sponsored by Contentful
Welcome to the new era of content management with Contentful. Say goodbye to the limitations of traditional content systems and hello to a world where collaboration sparks innovation. With Contentful, you’re not just managing content; you’re creating content-first, multi-brand experiences across all channels effortlessly. The best part? It requires zero coding! Empower your teams to collaborate and innovate, delivering impactful digital experiences at scale. Contentful's AI-driven platform not only streamlines content creation but also ensures it aligns perfectly with your brand. Ready for a game changer? Start with Contentful for free today. Unleash the potential of your digital content and drive your business forward. Learn more at contentful.com.

Summary
In this episode of Svelte Radio we sit down with Wout De Puysseleir to talk about his project LiveSvelte. A way to easily use Svelte when building applications using the Elixir framework Phoenix. A match made in heaven!

Recorded on November 21st, 2023

Discussion

• Who is Wout?
  • Twitter
  • Website
• What is LiveSvelte?
  • GitHub
  • Blog post
• Elm
• Roc

Unpopular Opinions

• Brittney: PNPM SHOULD WORK
• Wout: TypeScript isn't that great 😬

Picks

• Wout: The Soul of Erlang
• Kevin: The Lazarus Project
• Brittney: Loki TV Show

Sponsor
Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. Founded by the creators of Next.js, Vercel has zero configuration support for 35+ frontend frameworks, including SvelteKit. We enable the world’s largest brands like Under Armour, eBay, and Nintendo, to iterate faster and create quality software. Try out Vercel today to experience the easiest way to use Svelte.

NOTE: RECORDED May the 4th be with you.

Description

This episode is special in the sense that it's not so much about Svelte in particular but for developers in general. If you haven't gone down the AI rabbit hole yet this episode is for you. Swyx gives us a crash course in what it is and how you can use it as a web developer. Enjoy!

Music
Intro music by Braden Wiggins a.k.a. Fractal (braden@fractal-hq.com)

Discussion topics

• Latent Space
• Image Generation:
  • Midjourney
• Weights and Biases
• https://github.com/karpathy/nn-zero-to-hero
• Whisper
• UL2
• JasperAI
• Midjourney
• levelsio - https://twitter.com/levelsio
• 11labs
• swyx github ainotes
• https://replit.com
• platform.openai.com
• Tools for Web Developers
  • Copilot
  • Codeium
  • Wolverine
• Codium: Test Generation
• ChatGPT Plugins
  • https://github.com/Jeadie/awesome-chatgpt-plugins
• Autonomy of Atonomy: https://www.latent.space/p/agents
• AutoGPT
• BabyGPT
• Anthropic
• Elicit

Picks

• Kevin:
  • Opus Pro
  • Lindy.ai
  • Kapwing
• Swyx:
  • Menu Bar App for ChatGPT “ChatGPT Mac”
  • The Batch
• Brittney:
  • Night Agent

Sponsor
Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. Founded by the creators of Next.js, Vercel has zero configuration support for 35+ frontend frameworks, including SvelteKit. We enable the world’s largest brands like Under Armour, eBay, and Nintendo, to iterate faster and create quality software. Try out Vercel today to experience the easiest way to use Svelte.

NOTE: RECORDED April 28th.

Description

We talk about the upcoming Svelte Summit conference and what we can expect from it! Talks, hackathon winners and other things!

Music
Intro music by Braden Wiggins a.k.a. Fractal (braden@fractal-hq.com)

Discussion topics

• Svelte Summit Talks
• Safari Update
• Web Containers Update
• Polypane
• Responsely
• typesafe-i18n
• Eric Brehault Episode
• Dev Vlog (May 2023)
• XDCD Comic
• This Week in Svelte
  • Skip Links

Unpopular Opinions

• Antony: The GitHub SDK is not good
• Brittney: Bluesky is not the next Twitter or the better Twitter, it will push more poeple to Mastodon
• Shawn: Edge Browser
  • Arc Browser
  • Kevs Tip: Orion Browser

Picks

• Brittney: The Diplomat
• Kev: PartyKit
• Shawn: Marvel Snap
• Antony: Succession

Sponsor
Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. Founded by the creators of Next.js, Vercel has zero configuration support for 35+ frontend frameworks, including SvelteKit. We enable the world’s largest brands like Under Armour, eBay, and Nintendo, to iterate faster and create quality software. Try out Vercel today to experience the easiest way to use Svelte.

NOTE: RECORDED April 19th.

Description

Forms in SvelteKit are already top notch. But Superforms make them even better. We talk to Andreas Söderlund, the creator of the library. Enjoy!

Music
Intro music by Braden Wiggins a.k.a. Fractal (braden@fractal-hq.com)

Discussion topics

• Haxe: https://haxe.org
• Form Actions: https://kit.svelte.dev/docs/form-actions
• sveltekit-superforms: https://github.com/ciscoheat/sveltekit-superforms
  • Documentation: https://superforms.vercel.app
  • Zod: https://github.com/colinhacks/zod
  • Timers: https://superforms.vercel.app/concepts/timers
  • Response Time Discussion: https://www.nngroup.com/articles/response-times-3-important-limits/
  • Multiple Forms: https://superforms.vercel.app/concepts/multiple-forms

Unpopular Opinions

• Brittney: Don’t use libraries that don’t have first class support for esm or Vite.
• Antony: AI is not going to steal our jobs
• Andreas: NPM and package managers should be more restrictive with what they allow on their registries.

Picks

• Kev: Sauna
• Antony: These USB-C Cable - https://amzn.to/3ophxql
• Andreas: DCI - https://blog.encodeart.dev/dci-tutorial-for-typescript-part-1

Sponsor
Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. Founded by the creators of Next.js, Vercel has zero configuration support for 35+ frontend frameworks, including SvelteKit. We enable the world’s largest brands like Under Armour, eBay, and Nintendo, to iterate faster and create quality software. Try out Vercel today to experience the easiest way to use Svelte.

NOTE: RECORDED April 13th.

Description

This week we sit down with Wasita and Eshin at the Cosanlab at Darthmouth to talk about how they use Svelte in their research as well as the intersection between research and web development and the possibilities that it opens up.

Music
Intro music by Braden Wiggins a.k.a. Fractal (braden@fractal-hq.com)

Discussion topics

• Guests:
  • Wasita:
    • Twitter
    • Website
  • Eshin:
    • Twitter
    • Website
• Computational Social Affective Neuroscience Laboratory
• https://github.com/wasita/svelte-vid-sync-chat-app -> The "Netflix party" experiment we mentioned, written with Svelte, socket.io, firebase 
• https://github.com/cosanlab/trust-game -> Interactive 2-player trust game experiment written in Svelte and client-synchronization powered by Firebase
• https://github.com/ejolly/create-svelte-experiment -> A starter Svelte SPA template for experiments powered by Firebase
• https://maxfarrens.github.io/continuous-rater-book/Intro.html -> An interface for collecting continuous time-series emotion ratings from people watching videos
• https://github.com/ejolly/thought_tagger -> An interface for segmenting audio-files of people's memories. Built on top of the BBC's peaks.js.
• https://eshinjolly.com/svelteturk/#/ -> The "missing GUI" for Amazon's Mechanical Turk labor market. An electron desktop app that helps manage data collection and administration.

Unpopular Opinions

• Brittney: Click bait twitter
• Antony: Helium

Picks

• Kev: Cold Plunges
• Antony: Same
• Eshin: Raised by Wolves
• Wasita: Beef
• Brittney: Shadow and Bone (TV Show)

Sponsor
Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. Founded by the creators of Next.js, Vercel has zero configuration support for 35+ frontend frameworks, including SvelteKit. We enable the world’s largest brands like Under Armour, eBay, and Nintendo, to iterate faster and create quality software. Try out Vercel today to experience the easiest way to use Svelte.

NOTE: RECORDED March 28th.

Description

Alex Patterson joins us to chat about... you guessed it! Svelte at AppWrite. And Svelte in general. We chat a bit of AI as well, ChatGPT, Google Bard. All that fun new stuff!

Music
Intro music by Braden Wiggins a.k.a. Fractal (braden@fractal-hq.com)

Discussion topics

• Who is Alex?
  • Twitter
  • Website
  • How did you get into programming?
    • Dreamweaver
    • ABAP in SAP
  • Svelte
    • Pink
    • AppWrite Console
  • Codingcat.dev
  • AppWrite
• Thoughts on Svelte
  • Reactive statements
• ChatGPT
  • Google Bard
• BlackCatUI
• {…$$restProps}
• Sveld
• JSDoc

Unpopular Opinions

• Alex: TailwindCSS is awesome!
• Antony: DX is king - if your DX sucks you slowly and reluctantly build things and don’t experiment due to effort
  • Imba
  • Scrimba

Picks

• Kev: YouTube Shorts on Svelte Society
• Alex: https://www.blackcatui.com/
  • Heated Deskpad
• Antony: packageManager - volta - issue with global packages node version - only-allow-pnpm (doesn’t work)
  • Volta
  • packageManager - https://nodejs.org/dist/latest-v16.x/docs/api/packages.html#packagemanager
  • only-allow-pnpm - https://pnpm.io/only-allow-pnpm

Where can folks find you on the interwebs?

@codercatdev

appwrite discord server

Coding Cat Dev find all the podcasts

Sponsor
Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. Founded by the creators of Next.js, Vercel has zero configuration support for 35+ frontend frameworks, including SvelteKit. We enable the world’s largest brands like Under Armour, eBay, and Nintendo, to iterate faster and create quality software. Try out Vercel today to experience the easiest way to use Svelte.

NOTE: RECORDED March 22nd.

Description

Eric from Nuclia joins us to talk about Svelte... and the history of the web! If you're a new web developer this one is a treasure trove of knowledge. We also talk about Nuclia and what they're doing. A lot of fun!

Music
Intro music by Braden Wiggins a.k.a. Fractal (braden@fractal-hq.com)

Discussion topics

• Community
  • Dev Vlog Streams
  • TikTok
  • Svelte Summit - CFP unfortunately is closed :( 
• Who is Eric? What’s his background?
  • Twitter: @ebrehault on Twitter 
  • Mastodon: @ebrehault@mastodon.tetaneutral.net
  • Github: github.com/ebrehault
  • Mosaic Browser
  • Framesets
  • JSONP
  • AJAX
  • JQuery
  • Plone CMS
  • React
• What is Nuclia? Twitter
• RxJS
• Svelte
• Rich Harris - Rethinking Reactivity
• Rich Harris - Transitional Web Apps
• Svelte Hackathon Library https://github.com/ebrehault/talk2svelte
  • Web Speech API
• Erics PloneCMS Library: https://github.com/ebrehault/abfab

Unpopular Opinions

• Brittney: Short content is worthless
• Eric: Online coding is cool

Picks

• Kevin: Rubberducking
• Brittney: State of Svelte: https://twitter.com/ladyleet/status/1636754269041831949?s=20
• Eric: Halt and catch fire https://www.imdb.com/title/tt2543312/

Sponsor
Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. Founded by the creators of Next.js, Vercel has zero configuration support for 35+ frontend frameworks, including SvelteKit. We enable the world’s largest brands like Under Armour, eBay, and Nintendo, to iterate faster and create quality software. Try out Vercel today to experience the easiest way to use Svelte.

NOTE: RECORDED March 15th.

Description

Puru Vijay joins us. You probably know him from his work on macOS web that made the rounds a while back. He's got a bunch of cool Svelte projects that you'll enjoy hearing more about in this one!

Music
Intro music by Braden Wiggins a.k.a. Fractal (braden@fractal-hq.com)

Discussion topics

• macos Web
• Svelte Summit talk - How to migrate React libraries to Svelte
• Confetti
• Neodrag
• Neosvelte (Upcoming, planned), example
• The virtual dom is not pure overhead
  • https://twitter.com/manucorporat/status/1635309067634876416
  • https://svelte.dev/blog/virtual-dom-is-pure-overhead
• Dev Vlog with Rich
• This week in Svelte
• Zero-effort type safety

Unpopular Opinions

• Cyclists who cycle in the road when good quality cycle lanes are available, are dickheads. (is this unpopular??)
• Storybook is still not there…for me (slots, argTypes)
• Puru: More like an unpopular sinful thought: Using React components in Svelte

Picks

• Kevin:
  • Chained Echoes: https://www.chainedechoes.com
  • Liason 
  • Shrinking
• Puru: Attack on Titan season 4 part 3 episode 1 - https://www.imdb.com/title/tt2560140/
• Brittney: Don’t watch Willow

Sponsor
Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. Founded by the creators of Next.js, Vercel has zero configuration support for 35+ frontend frameworks, including SvelteKit. We enable the world’s largest brands like Under Armour, eBay, and Nintendo, to iterate faster and create quality software. Try out Vercel today to experience the easiest way to use Svelte.

NOTE: RECORDED March 1st.

Music
Intro music by Braden Wiggins a.k.a. Fractal (braden@fractal-hq.com)

Show Notes

• i18n
• Dynamic basepath
• Svelte 4.0 Milestones
• Geoff Rich - website, twitter
• Beyonk is Hiring
  • AuroraJS
• Job openings
  • Spiegel - German Newspaper Visual Svelte
  • UBS - message @ranzucker - Jr and Sr Svelte dev
  • Railbird Software Engineer
• Threlte has scrolly telling capabilities now
• Svelte Hackathon

Unpopular Opinions

• Antony: Cloud abstractions are good actually
• Languages

Picks

• Antony: LED Strips on a Pram
• Brittney: Hogwarts Legacy