
Svelte Radio
91 episodes — Page 2 of 2
Ep 41Rich Harris on Hydration and the future of SvelteKit
SponsorThis week's episode is sponsored by ExtraStatic. ExtraStatic is a hosting service for Svekyll blogs. Svekyll blogs combine the simple conventions of Jekyll with the incredible power of Svelte. Check it out at ExtraStatic.com.DescriptionRich Harris joins us for discussion on Svelte, SvelteKit, Hydration and a lot of other fun stuff. Enjoy!MusicIntro music by Braden Wiggins a.k.a. Fractal ([email protected])NotesSvelte Summit Spring 2022 on April 30th!Svelte London Meetup 28thSvelte Summit Fall 2022 in Stockholm on September 8-9Stay tuned for the website!Svelte Society NYCRich's Talk and the Society tweetSvelte Radio Episode 39 on Page Endpoints and Named LayoutsSvelte Radio Episode 40 on Svelte ElementUnpopular OpinionsAntony: Nested code blocks make code hard to read!Shawn: Edge functions will reshape frontend architectureRich: Hydration is NOT pure overheadArticle mentionedFred K Schott's takeRyan Carniato's takeSebastian Markbåge's takePicksKevin: SeveranceCounterpartAntony: Houzecheck - cheapest - best service - contacted me to ask about specificsRich: Oculus Quest 2Shawn: The Svelte CommunityWeb Standards in SvelteKit docsSvelte Sirens on Landing PagesKitDocsSv-popupSvelte-splitpanesSupaCommentsSvelte Black HoleBrittney Postma's CourseMike's Svelte CourseRill Data Developer
Ep 40A Sudden Svelte Element Appears
SponsorThis week's episode is sponsored by ExtraStatic. ExtraStatic is a hosting service for Svekyll blogs. Svekyll blogs combine the simple conventions of Jekyll with the incredible power of Svelte. Check it out at ExtraStatic.com.DescriptionThis week we talk about the upcoming Svelte Summit events as well as the new kid on the block - svelte:elementMusicIntro music by Braden Wiggins a.k.a. Fractal ([email protected])NotesSvelte Summit Spring 2022 on April 30th!Announced talks:Svelte - a shortcut to a11y? by Josefine SchaeferSvelte Native in production by Kyohei HamaguchiSign up to the email list for updatesSvelte Summit Fall 2022 on September 8-9 in StockholmOnly a few Super Early Bird tickets left!Speakers Confirmed:Rich Harris (creator of Svelte)Pete Allen (creator of MDSveX) 🐧svelte:element - you can now easily dynamically render HTML tags in Svelte.DocumentationTutorialPull Request by Yuichiro YamashitaA demo by Geoff RichRyan Atkinson showing us how much code he could saveKit is now using TurboRepoTurboRepoWhy TurboRepo by ShawnUnpopular OpinionsKevin: SaaS products are expensive and overrated, just selfhost!Antony: I should be unbanned from TwitterShawn: Redwood is viable now.PicksKevin: NextcloudKevin's second one: PurelymailAntony: Plyometric Pushups! Do 'em!Shawn: Twitter browser undo is TERRIBLE
Ep 39Page Endpoints and Named Layouts
SponsorThis week's episode is sponsored by ExtraStatic. ExtraStatic is a hosting service for Svekyll blogs. Svekyll blogs combine the simple conventions of Jekyll with the incredible power of Svelte. Check it out at ExtraStatic.com.DescriptionThis week Antony and Kevin discuss the latest additions to SvelteKit; Page Endpoints, Named Layouts and Parameter Matching.MusicIntro music by Braden Wiggins a.k.a. Fractal ([email protected])NotesPage EndpointsNamed LayoutsAdvanced Routing: Pattern matchingUnpopular OpinionsKevin: AWS is a proper headachePicksAntony: Depushang DT8Kev: Human Interaction at offices
Ep 38SvelteKit in Production with Domenik Reitzner
SponsorThis week's episode is sponsored by ExtraStatic. ExtraStatic is a hosting service for Svekyll blogs. Svekyll blogs combine the simple conventions of Jekyll with the incredible power of Svelte. Check it out at ExtraStatic.com.DescriptionThis week we talk with Domenik Reitzner about a project they've built and launched using SvelteKit.MusicIntro music by Braden Wiggins a.k.a. Fractal ([email protected])NotesBilla ServiceSvackagesHow to build a preorder service with SvelteKit in 8 weeks at the We Are Developers ConferenceDecathlon UKUnpopular OpinionsAntony: If your product is shoddy and full of bugs, your support staff should know what they’re doing, if your product is good and well maintained, then you can afford to have incompetent support staff.Swyx: Github Issues is an amazing CMS! ExampleDomenik: Use the tool that is right for the job!PicksAntony: Pinebook Pro!Kev: DSLR as a webcamSwyx: https://2021.stateofjs.com/en-US/Domenik: Regex search and replace in VSCode. Also: https://regexlearn.com/
Ep 37Chris Toomey talks Svelte, Rails and Banking
SponsorThis week's episode is sponsored by ExtraStatic. ExtraStatic is a hosting service for Svekyll blogs. Svekyll blogs combine the simple conventions of Jekyll with the incredible power of Svelte. Check it out at ExtraStatic.com.DescriptionWe talk with Chris Toomey of the Bike Shed podcast about him and is teams bet on Svelte at Sagewell FinancialMusicIntro music by Braden Wiggins a.k.a. Fractal ([email protected])NotesSagewell FinancialStyle DirectiveConst BlockShawns IE11 ArticleInertiajsTemporal and SidekiqUnpopular OpinionsAntony: Wordle can either use a .co.uk domain or use us-english words, not both!Kev: SQLite is amazingScaling SQLite to 4m QPS on a Single ServerA future for SQL on the webHosting SQLite databases on Github PagesAnsiwave BBSSwyx: Brian Holt's unpopular opinion - React Hooks don't scaleChris: Developers shouldn’t call themselves “Framework X developer” but rather “Web Developer”PicksKev: Camo - using your iPhone as a webcamAntony: Stath lets flatsSwyx: Obsidian and swyx's second brainChris: Cleanshot X
Ep 36New Year, New Svelte!?
DescriptionAfter a short hiatus we're back! We talk about Svelte Summit, Svelte Sirens and lots of other fun stuff!MusicIntro music by Braden Wiggins a.k.a. Fractal ([email protected])NotesSvelte SummitYouTube PlaylistMini EditionStockholm EditionLondon EditionSvelte Compiler re-written in Rust?Rich’s interview with VercelArticle on the subjectRich Harris on JSPartySvelte is a rising starSimon's end-of-year recap of Svelte Language ToolsSearch and Delete Svelte REPLsSvemixSvelte Cubed and ExpanseWhat's new in Svelte: JanuaryWhitespace PRSvelte Dublin needs adoptingSvelte Portugal signing people upSvelte Sirens EventsUnpopular opinionsAntony: NFTs - provenance on the blockchain, apesKev: Safari is actually the best browserShawn: Monorepos will be a hot trend this yearPicksKev: Fat Washing https://www.seriouseats.com/science-fat-washing-spirits-cocktails-how-fatwashing-worksAntony - Oculusswyx: iphone 13 pro max
Ep 35Rich Harris is now working full-time on Svelte 🤯
We sit down with Rich Harris to talk about his new job, leaving The New York Times and what the future of Svelte looks like. Enjoy!DescriptionRemembering some New York Times storiesThe Follower FactoryThe Surveillance Economy Corona TrackerOlympics GraphicsJoining Vercel to work full time on SvelteSvelte Summit Watch PartiesNew YorkMainz, GermanyMusic by Fractal (He also made the intro to Svelte Radio 🧡)Svelte Summit Summer EditionSign up to get updatesUnpopular OpinionAntony: Docks are pointless!Gnome3Shawn: Pre commit hooks are goodRich: There are too many programmer podcastsBrian LeRouxPicksKevin: The new Macbook Pro is amazingROI CalculatorAntony: https://handshake.org/ - free cryptocurrency if you have enough github followersShawn: codingfont.com Azeret ProRich Harris: Soup in general
Ep 34Svelte Summit is coming up and Svelte is growing!
We talk about the recently released Svelte Summit website and a bunch of other fun stuff!Show NotesWork at Beyonk!What's new in Svelte: SeptemberWhat's new in Svelte: OctoberNew Svelte Summit websiteDesign by Johan Ronsse (Wolfr_2 on Twitter)SvelteKit is awesome.CSS is awesome.Email form enhancement actionDCI-P3 is just... WOW!WebKit and Safari supportHacks for other browsersSvelte Summit CFPs (last day 30th October!)Svelte Summit sponsor opportunitiesMeetups starting back up!Svelte Society StockholmUnpopular OpinionsShawn: No seed oilsKevin: Regular old CSS is king 👑PicksAntony: Lumen Couture LED Face Changing MaskShawn: How to Be Miserable For the Rest of Your LifeKevin: Swedish Cinnamon Buns
Ep 33Routify 3 with Jake and Willow
We sit down and talk with Jake and Willow and talk about the just-released Routify 3.NotesRoutify and their Discord serverVersion 3Stackmix: A Template Generator for RoutifySpaSSR: A small express server with SSRSpank: Slap the pages out of an SPAToSSR: Universal SPA to SSRConfigent: No Fuss ConfiguratorMeteor: Open-source Framework for Building ApplicationsMeatier: Like Meteor but MeatierUnpopular OpinionsAntony: Saas pricing suckSSO tech shame siteShawn: We will want Svelte to stop growing at some pointBikeshed podcasthttps://insights.stackoverflow.com/survey/2021#section-most-loved-dreaded-and-wanted-web-frameworkshttps://insights.stackoverflow.com/survey/2021#most-popular-technologies-webframeJake: Filing bug reports and getting asked "Why did you do it like this??PicksAntony: Gohire.ioShawn: SupabaseSpotify Native client: PsstKevin: Muji Linen clothesJake: Clickup.comhttps://codestory.co/podcast/e3-alex-yurkowski-clickup/Willow: Grid LayoutItComplete CSS GridGrid Critters
Ep 32Contributing to Svelte with Martin 'Grygrflzr' Krisnanto Putra
Today we talk with Grygrflzr about his journey to becoming a maintainer and his views on React, Vite and a host of other things. Enjoy!Notes:Svelte is the most loved frameworkScott Tolinski: 5 Things I like about SvelteScott Tolinski: 5 More things I like about SvelteDev environment issueUnpopular Opinions:Shawn:Social media > SEO > Social mediaEmpty StatesPicksAntony: Swoon Editions FurnitureKevin: Warp TerminalShawn: Spider Man Miles MoralesMartin: Picking monitors is hard.
Ep 31Tan Li Hau has a YouTube channel
We welcome Tan Li Hau back for a second time. This time we talk about his YouTube channel where he has been creating some stellar content!Show notes:Micro FrontendsWebpack 5Module FederationLi Hau's YouTube channelHow to call functions from the parentSvelte StoresTwitter profileConstants in markup draft PR (RFC)Picks:Antony: Peloton TreadmillShawn: Chef (2014)Kevin: Beerrunners conceptLi Hau: Svelte Question Time Playlist
Ep 30Rebuilding LevelUpTuts using SvelteKit
Scott Tolinski is back! He's been a busy bee rebuilding LevelUpTuts using SvelteKit. We get all the juicy details!Notessvelte-toyRich Harris's Svelte Metaphysics talk link https://www.swyx.io/svelte-metaphysics/svelte-toastRemix frameworkCourse: Building Svelte ComponentsCourse: SvelteKitCourse: Animating SvelteUnpopular OpinionsAntony: Email sucksShawn: All JavaScript functions should only be allowed to take one argument.PicksShawn: Write Less, Do MoreAntony: Kilner JarsKevin: THE VACCINE!Scott: A Death in Crypto Land
Ep 29Talking WebDev with Brittney Postma
Support the show - become a patron!Brittney has an unusual background and an interesting story! We ask her about mentoring, teaching and how she got WebDev. Enjoy! Brittney also has her own podcast called Purrfect.dev.Music:Intro - Braden Wiggins a.k.a. Fractal ([email protected])Notes:codingcat.devPurrfect.devfreeCodeCampZero to MasteryThe Console LogsDiscord CommunitiesCoding CatLevelUpTutsLearn Build TeachSpaceJellyPartyCorgiZero to Mastery (you need to pay for a course)Unpopular Opinion:Brittney: I'm done with ReactAntony: Chai is not a good a good assertion library. Use @hapi/code instead!Picks:Shawn: SuperhumanKev: Chai tea (especially latte!)Brittney: Black Monday (and Kev's tip The Big Short) and Polywork
Ep 28Talking Elder.js with Nick Reese
Support the show - become a patron!We sit down with Nick to talk about Elder.js - an insanely fast static site generator built on-top of Svelte with support for partial hydration.Music:Intro - Braden Wiggins a.k.a. Fractal ([email protected])Notes:FindEnergyUnpopular Opinion:Shawn: Svelte IDEEarlier episode with Mike from GitPodNick: Hydration should be included by defaultPicks:Antony: Not today!Shawn: Learn CSS from GoogleKev: WebAuthnNick: PostGraphile
Ep 27A Jolly Good Svelte Summer
Support the show - become a patron!We're back after a short break with a new episode. We talk about what's new in Svelte and what we've been up to! Oh. And this is sort-of our 1 Year anniversary! 🥳Music:Intro - Braden Wiggins a.k.a. Fractal ([email protected])Notes:Scott Tolinski's LevelUp Tuts SvelteKit conversion livestreamNew CSS Custom Property Feature (Kev's REPL showcase)New CSS selector feature in the compilerNew Style directive hopefully coming soon (Read the RFC)What's new in Svelte (Newsletter)Stricter body types, etags for binary responsesRemove getContext in favour of request.localsRedhatters Svelte DevtoolsNew SvelteKit Package featureSvelte KnobbySvelteKit Breakthrough of the year nomineeUnpopular Opinion:Antony: Vegan equivalents are actually better than the real thing in a lot of casesShawn: VSCode Sidebar on the right gangBonus VSCode tipKev: SublimeText 4 gangPicks:Antony picks no-water cleaning supplies again; Homethings. (Cleancult, Blueland)Shawn: Svelte Form LibrariesKev: Swedish Summer & Gelato. Top Gelato parlor in Stockholm: Snö.
Ep 26Migrating from Sapper to SvelteKit with Mike Nikles
Mike Nikles (Twitter) from GitPod joins us to talk about the journey they took from Gatsby, to Sapper and finally to SvelteKit. We talk about the ups and downs.Notes:- GitPod's website built in Svelte (GitHub)Picks:- Kevin: Chocolate Balls- Antony: QR Scanners- Shawn: Josh Nussbaum- Mike: TimeZone.ioIntro music by Braden Wiggins a.k.a. Fractal ([email protected])Transcription:Coming soon.
Ep 25BONUS: Svelte Summit Q&A with Rich
SponsorsFilevine: Client, workflow and document management - the Work Operating System for Professionals.GitPod: Remove all friction from the developer experience to be always ready-to-code and make software engineering more collaborative, joyful, and secure.Budibase: Build internal tools on your own infrastructure in minutes.This is the Q&A that followed the Rich's SvelteKit update from Svelte Summit yesterday. If you didn't catch that, you can find it here.In this Q&A we talk to Rich and ask him SvelteKit, enjoy!PS. Sorry about the audio, it's ripped from YouTube and unfortunately not using our regular recording method. We hope you'll like it anyway!Transcription:Not this time, sorry!
Ep 24Svelte Summit Party Episode
Svelte Summit is happening on Sunday! Don't miss it. We start at 2PM London time (the FAQ has more time zones listed).This episode is the first to include our new intro music and we're really happy with it. It's made by Braden Wiggins ([email protected]). He usually frequents the Routify and Svelte Discords, you've probably seen him around! :)Picks:Kevin: NeuraLink MindPong MonkeyAntony: KUCOIN (referral link!)Shawn: EmptystatesTranscription:Coming soon.
Ep 23Building ListenAddict with David W. Parker
Note: This was recorded on February 4th, some things may not be up to date. Sponsors: Support Svelte Radio by leaving a review on iTunes and/or visit our support page.Description:Parker shows us ListenAddict. We talk a bit about building stuff using Svelte and what's next.ListenAddictWhy TailwindPodcasting CheatsheetUnpopular opinions:- Antony: The {#await} syntax should be removed from Svelte- Shawn: ESM was a bad ideaPicks:Kevin: Bitcoin Lightning NetworkAntony: Nogent Super Kim Can OpenerShawn: Three.js JourneyParker: YouTube and Espresso MachineTranscription:Kevin Åberg Kultalahti 0:00 Hello, everyone. Welcome to another episode of Svelte radio. Today we have yet another guest with us to talk about Svelte. But first introductions. I'm Kevin, I run a site called Svelte school. And I'm heavily involved in the Svelte community in general. And I'm just a Svelte evangelist, I guess.Antony 0:20 I'm Antony, I'm the CTF Beyonk. And I'm also Svelte maintainerShawn 0:26 I work as a senior developer advocate at AWS, this is probably my last time in that role. And I'll have a new role coming up. Next time we do this recording, where hopefully, I think, if I'm not mistaken, I'll be working on a production Svelte project. So more needs to come hidingKevin Åberg Kultalahti 0:46 ideas. And our guest today is David Parker. He's a software developer, I guess. Maybe you can introduce yourself. Yeah,David Parker 0:58 I'm David Parker. I normally go by Parker, and I am CTO at Hobby DB for my day job where I do Angular, unfortunately. But I spend a lot of my free time doing Svelte and I run my site called listen addict calm, which we'll talk about a little bit later. And I'm making another project after that. So,Antony 1:19 so I'm just gonna, I'm just gonna point out here that that title developer, you know, with a guy who has two side projects, we should looking pretty decent. I'm going to say entrepreneur. It's a good title. I would like that.Kevin Åberg Kultalahti 1:36 All right, so before we get into the meat of the discussion, all, all are written sponsors, bots. So the first sponsors bought is actually not a sponsor, it's just some news about that. You can now support Svelte radio directly, so you'll get access to video versions of the podcast or you'll be able to listen to the episodes a couple of days early, even unedited, sometimes, so head on over to Svelte radio.com slash support, and you can read more about it there. Oh, and secondly, if you like the podcast, it would be awesome if you could leave a review on iTunes and subscribe. Alright, and that's it for the Yay, answers.Shawn 2:24 I wish you I don't know. It's like, it's a great way to support independent radio, I guess. And this is this is kind of what we're doing.Kevin Åberg Kultalahti 2:32 Yeah. Yeah. It's it's like, yeah, it's easier than then hunting like sponsor, like real sponsors, I suppose. But IAntony 2:43 guess you know, after a while, they'll sort of just appear out of the woodwork really. So yeah, it's, but it's nice, I think I think being able to pay for something that has value, you know. And then having that sort of inside info, or the Sneak Peek is really, really valuable. So I think it's good. I think I like I like it.Kevin Åberg Kultalahti 3:00 We'll see how it goes. Do you run a Patreon as well? No. So I've actually looked at a couple of different solutions for this. And Patreon was one of them. But there's, there's like a lot of not being in the US and having to handle like VAT is a real hassle. patron does it for you, but the like the fees they take are ginormous. So I found some other some other ways to solve this. I'm think I'm currently going to use paddle. It's it's like a handle digital products and software. Pretty much I drawAntony 3:41 the line, I draw the line that only fans I have a body for radio.David Parker 3:51 I have a comment. I don't think it's appropriate for this audience. So I'll hold my tongue.Kevin Åberg Kultalahti 3:59 Alright, so so let's let's get into it. So so you're you said you were a an Angular developer, on your on your day job. So how did you end up doing doing Angular?David Parker 4:11 So I'll just give you a super, super fast, short version of my history real quick. I was in the military in the United States, from 2000 to 2006, as a Java developer, so I basically sat in front of a computer and coded for the military was very boring. But that really got me didn't even know you could, you could do that. You know, there's a lot of systems that you have to keep track of like tracking people, personnel, training, all all the things but not very exciting. I don't like the corporate structure, but I got out, turned around and became a contractor work for them for three more years making three times as much money because you know, when you're and you don't make any money, but that kind of, as Anthony alluded to before, kind of pushed me in that entrepreneurial direction during the big corporate type thing. So th
Ep 22Svelte Kit Public Beta!
Wooh! It's here. The SvelteKit open beta! We talk about how to get started, what's different compared to Sapper, new features, migration paths. All that fun stuff.Notes:SvelteKit blog post!GitHub RepositoryUnpopular opinions:Antony: Daylight savings time should be abolishedSwyx: Facebooks social media features are actually quite goodKevin: Clubhouse isn't that exciting anymorePicks:Antony: HomethingsKev: CSS clamp() and custom properties, fluid typographySwyx: Complete guide to accesible front-end componentsTranscription:Coming soon!
Ep 21Svelte Language Tools with Simon Holthausen
Note: This was recorded on February 19th. Sveltesummit CFPs are currently closed. Sponsors: Support Svelte Radio by leaving a review on iTunes and/or visit our support page.Description:We sit down with Simon Holthausen to talk about the Svelte language-tools, TypeScript and all that juicy stuff! Some notes Description, show notes and transcription coming soon. This was accidentally released a bit early. Sorry about this!- Language Tools repo- Simon on GitHub- Svelte Component TemplateUnpopular opinions:- Antony: Case-insensitive file systems are bad- Simon: I use Windows- Shawn: Don't use throw unless you want the program to crash! Errors are not exceptions!Picks:Kevin: Yubikey 5C NanoAntony: Clean Co - Low Alcohol SpiritShawn: Princess Bride Home MovieSimon: Fasching - German festivalsTranscription:Kevin Åberg Kultalahti 0:00 Hello, everyone. Welcome to another episode of Svelte radio. Today we have yet another guest surprise. We always have guests these days. But first, some introductions. So I'm Kevin, I run a site called Svelte school. And I'm heavily involved in Svelte society, and help out around the Svelte community.Shawn 0:22 I'm Shawn, I am still in the process of switching jobs, but hopefully building a Svelte app in production from a next startup. And I mostly should post on Twitter, first of all society. We also did just launched the CFP for the Svelte summit conference that is going to be happening in April, I think, and I'm very excited about organising speakers for that.Antony 0:46 I'm Antony I'm the ccfp og which is a booking system for tourism leisure. I'm also a Svelte maintainer, alongside our guest today, who is Simon halt Hauser. And Simon is the I've got it. What can I say is he's the he's the person in charge of language tools. He's He's the code here behind that is absolutely on fire at the moment. I would probably say it's one of the most active sort of segments of the spell organisation. So all credit to him. And the community, of course. So Simon, I'll let you continue with your introduction.Simon Holthausen 1:22 Yeah, thank you for the warm words. I'm some. I work as a software engineer at a company called xo do software development and consulting. And yeah, I, I don't know more by accident than anything. I stumbled into the spelter world got really hyped. helped out getting the language tools, VS code extension forward and yeah. Now I'm a Svelte maintainer, like Antony. And yeah, really? Thanks for having me.Kevin Åberg Kultalahti 1:57 Yeah, exciting. So you're you're also known on the Svelte discord as Doom Doom, right?Simon Holthausen 2:03 Yeah, right. It's my handle. Yeah.Kevin Åberg Kultalahti 2:05 Yeah. Where does that come from?Simon Holthausen 2:09 Yeah, so my, my my original nickname back in the days when I was in puberty, was Hitman Faker. I thought that was a very cool name at that time. And after puberty was over, I thought, No, that's, that doesn't work where email? So I thought, Okay, I need a new nickname. And I was humming along like them to them. What kind of pig? And then I thought, Oh, why why not take this? This? Dum dee dum? Yeah. And so it was just like, it's called loudly fire in German. So.Antony 2:49 Wow. That was loud.Simon Holthausen 2:53 Louder. The word for writing something down? That sounds exactly like you.Shawn 3:02 Automatic. Yeah.Antony 3:06 Yeah. I was gonna say it's more like Him. There's another word for isn't there. When a word sounds like the thing that it describes, is that Onomatopoeia?Kevin Åberg Kultalahti 3:19 This is above my paygrade podcast. Alright, so so TypeScript, what's are sorry, language tools? What's going on there?Simon Holthausen 3:30 TypeScript is a big part of language tools. That's definitely right. So yeah, I was, I was here on the on the show about, I don't know, almost a year ago. And I skimmed through some of the issues that we close since then, or we got since then. And yeah, so what changed between then and now. So it's, overall, we just worked hard to get rid of all the edge cases that people might occur when they just coding. And I think, especially all these edge cases, when you when you're in the zone, and you're coding, and then your intelligence does something stupid, that can really put you off, and we are trying really hard to minimise that. new things are about. We also added a lot of new things like we now have auto completion for events. So if you define event by create Event Dispatcher from another component, you get auto completion for that in the component that uses the components. You can get comments for the props and events. So if you hover over it, you see the docks, there were some new refactoring commands like extract into function, which works similar to the JavaScript or TypeScript one. Cool. We got a simple Extract into components refactoring. So you can select a part of a component in the markdown, which you want to extract into a new function. And it just can right click, and then there sh
Ep 20Ben McCann on Sapper and SvelteKit
Ben McCann joins us to talk about the next version of Sapper as well as SvelteKit. We touch on migration from Sapper to SvelteKit, what's going to happen with Sapper as well as some good news for developers using Webpack.Notes:svelte-loaderrollup-plugin-svelteUnpopular Opinions: Code comments stink!Tailwind is hard to readStatic site generators are becoming obsoletePicks: Kitty terminalTado Smart HeatingNarcos MexicoAudacityTranscript:Kevin Åberg Kultalahti 0:00 Hello, everyone. Welcome to another episode of Svelte radio. Today we have another guest for you all, but first introductions. I'm Kevin, I run Svelte radio and Svelte school, and I'm involved in the Svelte community in general.Shawn 0:18 I'm Shawn, same here, I guess. I don't read anything. But I guess I've been working on recently the Svelte actions package, trying to have a good set of defaults for Svelte to export. So it inspires people to use actions more. That's me.Antony 0:34 I'm Anthony. I'm a CTO of biank also stopped maintainer along with our guests today, which is Ben McCann, who is also Svelte maintainer, a very, very recent one, in fact, not not recently. It's been a while now. So Ben has come in on the back of a huge amount of prs. And he produces them so fast. And he's really pushed the development of stealth itself, but also sapper significantly forward. And yeah, what else? What else is this? There's a lot to Ben. He's extremely polite, nice. And I really, really like that. It's quite refreshing to find the person. And oh, I have to Ben.Ben McCann 1:13 Yeah. It's great to be here with you all today. Thanks for for having me on the show. So how I get so much done, I don't have a day job right now. So that gives me a little more time. I started a start up a few years ago. And so I'm an entrepreneur, and I'm in between companies right now trying to figure out my next one. And, you know, I picked up Svelte to kind of refresh my tech skills and our startup, we were using Angular and don't want to do that again. So it's trying to figure out what's new in the landscape, and hadn't been coding for a number of years as a more of a management role. So I just want to kind of get caught up on two things, and really enjoyed been using Svelte these past few months,Shawn 2:02 I was just just curious how you first heard about it, because you know, it might someone in your position, you might just go for react as sort of the the most popular framework of the day.Ben McCann 2:13 Yeah. So I mean, one of the ideas that I was experimenting with was for a content based site where I thought that this speed was going to be really important, and performance was going to be really important. And so I really liked that with Svelte, you didn't have to download a runtime, like you do with react. And so, you know, the initial page loads were a lot faster. So that's kind of how I got involved. And then, you know, with snapper, there were a lot of other really nice performance improvements. And those were some of the the first things I started working on when I got involved in sapper. So, you know, one of the things that we did was we added preload headers. So when you first visit a page will fetch all the assets that you need for that page. So instead of having to wait for if one script depends on another script, instead of having to wait for the first script to run and fetch that second script, the page will automatically fetch both of those at the beginning. And so we we kind of crawl your dependency tree and make sure that those are all fetched at the beginning. And then, you know, it's also got CSS code splitting, which is something that, you know, had a few bugs in the past recent releases getting that all worked out. But I think that's really gotten to a very nice place now, where we have, you know, it's always had JavaScript code splitting. And now the CSS is really, I think, a lot easier to manage as well. And so with all that code splitting, you know, it's a really nice performance benefit of using sapper.Antony 4:00 So what the one thing I want to ask him, as I mentioned, the intro, intro that you you were intrapreneur. But also, I believe, and I could be wrong here. But I think you're also a VC of sorts. Is that right?Ben McCann 4:10 Yeah, I've been doing a bunch of investing as an angel investor. And so I've invested in probably about two dozen companies at this point.Antony 4:20 Wow. Very cool.Ben McCann 4:22 As far as I know, none of them use Svelte but I'll spread.Kevin Åberg Kultalahti 4:27 I gotta push, you gotta push for for Svelte.Antony 4:31 Cool. Any, any, any successes? Yeah. Those that Funchal,Ben McCann 4:35 um, we actually pretty. One of the first companies we invested in pretty interesting company, they're doing water propelled propulsion in space. And they just announced that they're IPL ng, so they announced that late last year and that should happen sometime q1 we thinkAntony 4:57 very cool.Kevin Åberg Kultalahti 4:58 Wow. I wonder ho
Ep 19A New Svelte Year
A new year, a new Svelte Radio episode!Notes:GDC Spiderman Technical PostmortemMac Mini M1Asus PN50Mighty BrowserPerkins Brother Builder YouTube ChannelListenAddictMultrisTiny House Guysvelte-querySvelte ZoomableSvelte Community Stuff:Svelte Society Canada looking for a logoSvelte DublinOfficial Svelte NewsletterPicks: Bone Conducting HeadphonesDevmode.fm and Andrew WelchFibonacci Goal SettingSwedish Meatball Recipe:Makes 4 big portions.Ingredients:500g minced beef/pork 50/50 mix (I prefer to use lamb mince)0.8 dl breadcrumbs1 dl milk (3% fat)1tsp salthalf a yellow onion1 egg0.5 tsp pepper, some mustard (dijon works)0.5 dl dark syrup (molasses should work)butterSteps: Chop onion finely and fry in butter until softMix breadcrumbs spices, salt, egg and mustard in a bowl and let sit for 10 minutesAdd the mince and mix well (don't overdo it! It can get tough if you work it too hard!)Form smaller balls (half the size of a golf ball is a nice size) and fry them in butter.Transcription:Kevin Åberg Kultalahti 0:00 Hello, everyone. Welcome to another episode of Svelte radio first one of the year. Not a lot happened over the holidays. But we're going to go through the new stuff anyway. But first, some introductions. I'm Kevin, I run a site called Svelte School, where I teach people about Svelte and I'm involved in the community side of Svelte as well. Yeah,Shawn 0:22 I'm Shawn, I work at AWS on AWS amplify, and we are we actually unfixed unbroke, the salt society website recently, so I'm proud of that, even though I didn't really do much there. So shout out to the silentworks, who actually figured out the Modify issue that we had.Antony 0:40 Nice. I'm Anthony. I'm the CTO of a company called Beyonk, which is a travel and tourism stars in the UK. I'm also a Svelte core maintainer.Kevin Åberg Kultalahti 0:48 Cool. So what have you guys been doing over the holidays?Shawn 0:52 Oh, yeah, we so we figured we will start off with like some updates, right. So I think we some of us got ourselves like Christmas presents. Something I realised actually in catching up with my team at AWS is that everyone bought games, like the games industry must be huge right now. Yeah, I mean, this is not that this is not a surprise, but like, really, because there's nothing else to buy. Yeah, youAntony 1:15 say games? Do you mean like board games? Or do you mean like computer games? Shawn 1:19 Mostly? Mostly computer games, butalso board games? I think I think people went for computer games first. And then we realised that we like the digital stimulation or whatever. It's easier to set up computer games.Kevin Åberg Kultalahti 1:33 Have you guys seen the like the cyberpunk game? So what cyberpunk looks amazing. Also very buggy. I was actually I,Shawn 1:43 the bugs are the fun part, right? Like you could see one of my top posts on Reddit, the past week was showing off like the amazing detail of the shadowing, of cyberpunk. And how like, even when you hold the rifle, the shadows fall on the rifle and you can you can move around. And then a guy kept on walking backwards. And the shadow came from a car that was being suspended in the air. Because the graphics were like screwed up, like, but the shadows are great.Antony 2:12 I mean, this is the bit I didn't understand because what makes game appealing, in my mind the games appealing games feel is in its gameplay, and how explorable is and things like that. I don't know much about games. I mean, I'm a Linux user. I don't really have many games like in the store. Maybe maybe tux racer? I don't know. But I guess the point is for me like I love bugs in games, I think they're I think they're brilliant. They make it much more interesting, but I'm not really a gamer. It looks like so put looks amazing. I've seen some live streaming on Twitch it looks incredible to look at. But honestly from from the brief bit that I looked at it for the game looks like GTA, which is fine in my books, because GTA is the one game that I do occasionally play. The graphics is amazing. But the thing for me is I've heard that the AI is just not really there. Like characters don't even have the basic error you find in games, they just kind of wander around aimlessly into traffic. Like, for me, that takes away a lot of what makes GTA appealing in that there's a sense of realism. If I want to just drive around and follow the road rules and interact with people, then I could do that. And if the AI is not working, then that's gone. So it may be a personal thing, but I feel like they're missing a big trick by not having that sort of stuff ready. And it's not it's prioritised been done a million times. Right. So where Why can't it just be working?Kevin Åberg Kultalahti 3:28 Right? Right.Shawn 3:29 The I'm sure obvious answer is that they rushed it. Sure.Kevin Åberg Kultalahti 3:34 Yeah, sure. Probably probably the explanation actually. Yeah.Antony 3:39 So that's all games rushed synthesiser?Shawn 3:41 Yeah, probably true. So well. I wan
Ep 18Luke Edwards: The man with many libraries
This time we're joined by Svelte core maintainer Luke Edwards, known for his many NPM packages. We talk Cloudflare Workers, his jest alternative uvu and a bunch of other cool stuff.Guest: Luke Edwards. Twitter. GithubHosts: Kevin, Shawn, AntonyNotes:Svelte at the edgeError Component by HyberlabSentry PolkaUvuKlona svelte-preprocess-esbuild svelte-preprocess Cloudflare WorkersPicks:RummikubGoogle Stadia Cookie Clicker Monopoly DealTranscription:Kevin Åberg Kultalahti 0:00 Hello, everyone. Welcome to another episode of Svelte radio. Today we have another guest on the show. But first introductions. I'm Kevin, and I run a site called Svelte school where I teach people about Svelte. And yeah, that's me. Shawn 0:15 I'm Shawn. I work as a developer advocate at AWS. And I guess I do stuff on this whole Twitter's Antony 0:24 Hi, I'm Antony. I'm the CTO of a startup called biank. I'm a supposed Svelte maintainer. And yeah, that's about it really, I'm also going to introduce the guest, because I know everything there is to know about Luke. So our guest is Luke. And Luke is not Australian. That's the first most important thing there. And so Luke Edwards is an Australian Californian, that's very important to know. He's also a co maintainer of Svelte. And he's the creator of polka, which is an express alternative, which is focused around speed. And also modularity, I believe. And he's been recently involved in deploying loads of stuff to CloudFlare work, which is interesting, this whole talk on that you can watch, it's also worth mentioning that Luke owns the most number of open source modules on NPM out of anyone. And that's a fact, really, anything you want to add to that, that's not true.Luke Edwards 1:20 And that's pretty much it, I do do a lot of stuff in the open source world. And I imagine we'll talk about some of that. But for the most part, just keep my head down and enjoy building things. So that's kind of what that means contract work or salary positions doesn't really matter. I just love to get my get my hands dirty.Antony 1:37 So you don't code for money. As a rule, you code for passion. And money is a convenient side, Luke Edwards 1:42 I code for interest, I kind of tell I turn away a lot of not a lot. But I turn away clients with that sometimes, just because if I if I'm not interested in it, then it's not gonna turn out well, and I'm gonna find excuses to try to stop doing it. Antony 1:56 Nice. It's funny, because I saw Twitter so quite recently about actually, what got you into tech. And the amount of people who replied by just showing a little bullet emoji was quite shocking. Actually, I couldn't imagine being it just for the money just wouldn't work for me. Shawn 2:11 I mean, I'd say I'd say it's partially for the money for me.Antony 2:16 Fair enough. I mean, it's not you have a passion in it. Right. You have you you enjoy what you do you enjoy advocating as well, and that sort of thing. But just for the money, just, and they enjoy life, right. Enjoy life first. And then yeah, like,Kevin Åberg Kultalahti 2:29 I don't I don't think I could see myself doing something I didn't want to do. Don't want to do Antony 2:35 No, definitely not. Luke Edwards 2:37 It's also kind of amazing, because like, some people would make like hard career changes, right? Where they're like struggling and stuff, and they'll invest the six months, whatever it is, maybe less, and, like, dramatically turn their lives around. So it does start as just money. But like it's so that they can actually do something else and get by better. That's a good point. Maybe people can grow a passion for it when they start doing it. Maybe that's how they got into it. But that's not how they how they were they were maybe Kevin Åberg Kultalahti 3:05 i think that's that's definitely true. Luke Edwards 3:07 I think that's actually kind of at the core how I started to like, I actually was like, enrolled in med school. I hadn't started I was doing all the like, prereqs and stuff. Antony 3:16 wowLuke Edwards 3:16 I guess, disclaimer, self taught. But I was maintaining a nutrition blog to kind of like Chronicle my journey through what would be med school and stuff. And as I'm preparing and like working on this, how do I make my WordPress do expert? How do I make this better? I just unfolded more and more. And at some point, like someone just handed me a client said, Hey, do you think you can build this? Sure, I'll give it a crack. And I got paid. I was like, Well, why? Why am I gonna sign my life away for another like six to 10 years before I start getting paid? If I can just do this now? And yeah, then a passion developed? Because just questions be folded more questions, though.Kevin Åberg Kultalahti 3:56 So you started in WordPress, then? Yeah, your coding career? Yeah. Yeah.Luke Edwards 4:02 Luckily, I have not touched it. And it's been a decade, but it's still alive. It's still kicking.Kevin Åberg Kultalahti 4:10 So can you take us through what what yo
Ep 17What's new in Sveltia?
We talk about what's new with SvelteKit, how to contribute and other news in Svelteland!This week Karine joins us to discuss community, news and other Svelte related things. Have a listen.Notes:- Newsletter (sign up to the unofficial mailing list here)- rollup-plugin-svelte changes CSS defaults- Crown Framework and the site built using it.- Ruby on Rails DoctrinePicks:- Shawn: Mandalorian- Kevin: reMarkable 2 - Antony: Asus PN50- Karine: Queen's GambitTranscription:Kevin 0:00 Hello, everyone. Welcome to another episode of Svelte radio. Today we're going to discuss what's happened in Svelte these last few weeks, maybe months. But first, some introductions. I'm Kevin, I run Svelte school. I'm heavily involved in the Svelte community. And yeah, that's me.Shawn 0:20 Hey, everyone. I'm Shawn. I work at AWS and I mostly should post on Twitter. That's my job.Antony 0:28 Hey, I'm Anthony. I'm a maintainer of Svelte and I am the CTO of beyond. Nice.Kevin 0:35 And today we're joined by none other than Ah, Hi,Karine 0:39 I'm Karine. And I work in Seneca in France and I'm the CO organiser of Svelte society day France.Shawn 0:48 Oh, welcome, welcome. Antony 0:50 And you have a cool discord name as well. Shawn 0:52 K6 what is Yeah, what is key six?Karine 0:54 Oh, it's just because Karine is six letters and K6 is shorter Antony 0:58 It's the thing right is KubernetesShawn 1:03 Numeruneum. There's a term for that Antony 1:05 numeruneum. I see!Kevin 1:07 I did not know that.Shawn 1:09 For those who may not know actually so Corinne basically organise society day you run Svelte society, France, and it was just like a beginning to end. I wasn't sure if like Svelte was ready for like a non English conference. But you just did it. And then you got so many submissions. Even got rich to say some French.Karine 1:31 A very memorable moment. That's been recorded. Oh, right.Kevin 1:35 You can see that online. Right.Karine 1:37 Yeah. On the YouTube channel.Shawn 1:39 Yeah, I mean, I think there is a French community. I think Schneider Electric, they get back I was speaking in French. Then there was like the the newspaper like, was it les echos?Karine 1:49 Yes, Les Echos, Yes. And they do lots of infographics, papers. Some of them are powered with Svelte animation. I think there's also a radio france, which is the well the broadcaster of many different radios. And they they use Svelte in some part, and they have a very, I just tweeted recently, an article by their tech, tech lead, and they have a very interesting and modern stack, including Svelte.Antony 2:23 Wow. I mean, radio, France has clearly sort of got their inspiration from start radio.Kevin 2:30 Obviously, it's cool. Speaking of Svelte, what's new with the Svelte lately? Anyone know,Shawn 2:40 there's some versions.Kevin 2:42 Exciting.Antony 2:44 So we've we've definitely started publishing a newsletter. I don't know exactly who's involved in that. But somebody sort of started publishing announcements, because I think we mentioned on here that we never announced any new features, we just kind of rolled them out. And it's good to sort of get a bit of notice and traction around around the version. So there is no newsletter. I'm terrible, because I don't know where it lives or how to see it. But it's probably on the blog. Right. It's on the stock blog, which was abandoned for a long time, but but it's on there. It lives again.Shawn 3:11 So I suspect this is like a tear. Yeah, so Svelte dot dev slash blog. The thing about this newsletter is that there's no place to sign up. What what kind ofAntony 3:21 like, it's like a blog, news block. You can't You can't syndicate a writeShawn 3:28 it there's, I don't see an RSS Yeah, there'sKevin 3:30 no rss,Antony 3:32 unsubscribable.Shawn 3:33 If you want to contribute to Svelte you know what to do.Antony 3:37 Yeah, that would be a very good, very good first thing, actually, because this is stored as a bunch of markdown. So there's no reason this can't be syndicated pretty easily. Yeah, so so new, feature wise. I mean, I mean, everyone's everyone's sort of focused on Svelte kit right now. But in the background, there are some new features going into Svelte itself.Kevin 3:55 I think we've had a number of like smaller point releases, right? Antony 4:00 Yeah, Kevin 4:01 with some new features like props, rest, props, and custom web components is one of them.Antony 4:08 And it's just I think there's just some syntactic sugar around the promise, like the await syntax, just to keep your code clean a bit cleaner. I'm still not a fan. putting away in your template. It doesn't feel doesn't sit well with me. But for those who use it, I guess it's really kind of a terse way of just making sure your data is ready. And then they're pumping out to the page. So this is good. Yeah it's good that that is getting some love Kevin 4:32 some, some other stuff as well?Shawn 4:34 I should mention Karine has in the chat. You can speak Karine. I think you found the s
Ep 16Scott Tolinski talks Svelte, React and Podcasting
Scott Tolinski of Syntax.fm fame joins us to talk about Svelte, React and podcasting. Oh, and he has a new course on Svelte animations! Have a listen!Check out his courses here: https://www.leveluptutorials.comPicks:- Scott: Q clearance - the hunt for QAnon (podcast)- Kevin: Brandon Sanderson - Stormlight Archive (books)- Shawn: Writing Excuses (podcast) and Acquired Podcast (podcast)- Antony: That Chapter (YouTube Channel)- Scott & Antony: JCS Psychology (YouTube Channel)Transcription:[00:00:00] KAK: Hello everyone. Welcome to another episode of Svelte Radio. Today we have yet another guest. But before we introduce the guest, we're going to introduce ourselves. So I’m Kevin. I run a site called Svelte School, and I love Svelte, and I run this podcast as well. [00:00:19] SW: I’m Sean. I work at AWS, and I’ve been doing some work on the Svelte Society website recently. Got to give it some love. [00:00:26] AJ: Hi, I’m Antony. I’m a Svelte maintainer, mostly working on kit at the moment. And I’m also CTO of Beyonk, which is a booking system for tourism and leisure. [00:00:35] SW: And thanks for picking back up, hopefully. [00:00:38] AJ: They are. Well, yes. And it’s a tough one, but I think so.[00:00:43] KAK: All right. So our guest today is Scott Tolinski. He is a friend of the show, sponsor and lover of Svelte it seems like, because I just listened to you on the latest SyntaxFm where you're the co-host. And when someone asked what's the best and easiest JavaScript framework for beginners, both of you answers Svelte, which is I think it's an interesting change from before maybe where you may not necessarily have said that. And Scott is – So I’m going to try and do an intro, because I feel like I’ve heard it so much, but then also you can fill in the gaps. I like that description that you always say like you're a full stack developer from Denver, Colorado. That's a mouthful, but it accurately describes everything. You run Level Up Tutorials, which actually I think started as a YouTube channel with some tutorials on some kind of design software that I have it in my watch list, but I haven't seen it yet. It's a huge channel. I think you're like 300 something K subscribers. But now it's a paid platform where you have monthly video courses. And then you're also a Bboy, and I always love watching your videos of your breakdancing. Is there anything that is typically not mentioned in intros that you'd like to share?[00:01:55] ST: I don't know. I’ve been a developer for since 2011 professionally, but I’ve just been a lover of making websites for a very long time. I just like really find passion in this stuff. So whether or not that is like a part of my business platform or what I’m doing, like it was first and foremost like a hobby for me and the thing I kept going back to. So maybe that isn't often mentioned just like how much I truly love this stuff, and I think that's maybe something a little interesting or not. [00:02:27] KAK: Yeah. I mean I do see when you post updates about how you're changing the Level UP site, and you put some effort into the little details of the animations and stuff like that on the site and it really shows that you pay attention to the details. And it's mostly a one-man operation, right? Like you have some content creators, but it's mostly you.[00:02:45] ST: Yeah. And I’ve had three guest creators and we just hired on our first like full-time developer last month. We've had a part-time developer for the past like year or so, a good friend of mine. And then now we have two devs working on it, one who's part-time and one who's full-time. And so it's a growing operation and we're hoping to have a bunch more guest content creators on next year. We have a few people signed on to do some really neat courses for us on stuff that are gaps in my knowledge base. It's funny because like some people are a little surprised that I can produce like a 20 video tutorial series in a month every month for a year. But I should say that I’ve been doing it since 2012. So like for me I have the flow and everything so practiced and I have the formula down to how I like to do things and how I like to learn things and how I like to explore topics that like, “Hey, when we started Level Up Tutorials, it was just a way to try to give back to the Drupal community specifically on YouTube because there was like no good Drupal content.” I was cranking three videos every Monday and Wednesday. So I was getting like six to nine videos a week. And I just did that for a billion years until now, and then it's like I’ve had all this practice to be able to do it. So it's like, “All right.” Well, I feel like I’m probably even producing less content than I used to just because it's a little bit more dialed in. [00:04:15] KAK: And you have a lot of courses on your on your site. I remember I took one of your Gatsby courses way, way back. It was really nice when I first got into to React. It was great. But then you also have Svelte
Ep 15Rich Harris talks SvelteKit and the future of web development
This week we get a glimpse into the future of Svelte and SvelteKit! Rich joins us to talk about the new thing in town, SvelteKit, as well as what the future of web development could look like.Some topics that we discuss:- Release date- SvelteKit vs Sapper- Features- Adapters- Ideas about what is nextIf you missed the talk at Svelte Summit check it out here.Picks:- Robot Vacuum- OnePlus 8T- SavvyCal- Begin.comTranscription:[00:00:00] KA: Hello, everyone, welcome to another episode of Svelte radio. I'm your host, Kevin, I run Svelte school. And today we have a very special episode, we have the creator of a Svelte, Rich Harris. But before he gets to introduce himself, we'll kick it off with our other hosts.[00:00:19] S: Hey, I’m Sean, work at AWS on random stuff, including trying to get Svelte into AWS and that is an ongoing mission.[00:00:30] A: Hi, I'm Anthony, and I'm the CTO of Biank. And also Svelte maintainer.[00:00:35] RH: And I'm a graphics editor at the New York Times currently working on SvelteKit.[00:00:42] KA: Whoo, cool. The new shiny thing before we get started, how are you? How's everything with the election and all of this stuff? How's the workload? [00:00:50] RH: For me, thankfully, it's settling down. Last week was quite a busy week for everyone. Certainly in the graphics department at the times and probably in the organization as a whole. It's very difficult to avoid getting sucked into the madness. But you know, what is fun? There's no better place to witness history than from a newsroom, even if it is a virtual newsroom scattered around people's homes.[00:01:10] KA: Something I didn't didn't appreciate about your election coverage is that you're actually spinning up visualizations fairly quickly based on what counties or states are in focus at the time. Like, there's some parts of this that you could not have prepared beforehand, right?[00:01:26] RH: Yeah, there's some sleight of hand, you know, you prepare for a variety of different outcomes. But yeah, like, as soon as the results start coming in, the politics editors, and the graphics editors who are covering this, are bashing their heads together and trying to figure out what is the story. And then that kind of filters down to the people making the charts and maps. And we all come together, we analyze data, and we try and figure out what just happened. There is some infrastructure that's already built out, because you kind of know that people are gonna want to know which parts of the country swaying in one direction. But yes, a lot of it is kind of rapid response, data visualization.[00:02:05] KA: So you've got Lego blocks for building visualizations that will tell you population, this area voted this way or whatever, you've got that sort of stuff?[00:02:14] RH: Yeah, like you know that you're going to need a lot of demographic information about counties, like we know that the results are going to be coming in per county or in New England it’s per township, because they like to do things differently. And you just have all of the data that you might possibly need in a massive spreadsheet at a time. And then you can also plug it in to make something relevant.[00:02:37] KA: Alright, so we're not here for the election. We're here for something that's more exciting. [00:02:48] RH: That’s certainly, perspective[00:02:51] KA: For sure. So we're going to talk about SvelteKit today. So before we dive in to the questions, what is SvelteKit?[00:02:59] RH: SvelteKit is, in one way it's a successor to Sapper. And you could even think of it as Sapper 1.0, if you like. But in another larger sense, it's our kind of vision for the way that you should build Svelte apps in future. It’s something that we've been kind of talking about in a peripheral sense for a long time, we've been talking about how we can evolve Sapper to take advantage of some of the recent trends in front end development, particularly the rise of serverless. And more recently, the rise of unbundled workflows, which I'm sure we'll get into later. But it all sort of came to a head recently, you know, the pace of development on Sapper had hit a bit of a low, at least until Ben McCann really picked up the baton and started churning through issues. And people were getting a little bit frustrated, I think with the progress. And Anthony is one of those people because he uses Sapper very heavily in his job. At a certain point, we're like, “What if we just started from scratch?” Like the big rewrite, as opposed to trying to get all of these ideas into what was honestly kind of a watery codebase. I sort of proposed this very hesitantly in the discord thinking everyone was going to yell at me. And instead everyone was like, “Oh, yeah, let's do that.” And so that was sort of the germ of the idea. And then over the last, I guess, month or so, the idea turned into a prototype, and the prototype turned into a project with a name. And I was, I guess, reckless enough to announce it at Svelte summit as
Ep 14Svelte Summit is over, what a bummer!
This week we talk about all the awesome talks that we saw at Svelte Summit. It was a bit long, but wow, was it good! Great Event. And we hope you all come to the next one in the first half of 2021!If you missed it, you can tune-in on the Svelte Society YouTube channel. To get news about the next event, sign up to the newsletter.Show Notes: SVELTE SUMMIT - Check out the talks and the website!Transcription:[00:00:00] KA: Hello, everyone. Welcome to another episode of Svelte Radio. I’m your host, Kevin. And I ran a site called Svelte School and I’m joined by my two co-host, Antony and Shawn.[00:00:11] AJ: I’m Antony, the CTO of Beyonk. I’m a Svelte maintainer. And actually, I can say this now, I’m currently working on Sveltekit, which is quite fun,[00:00:18] SW: Oh, that’s hot. We should talk about that. I’m Shawn. I work at AWS and temporal. I don’t really kind of work on anything, but I do use other GS a lot, so that’s fun.[00:00:30] KA: All right. Last weekend -- it was last weekend, right?[00:00:35] SW: October 18th, I had the date memorized because I was so promoting it so much.[00:00:41] KA: I have no idea. Time is not my --[00:00:45] SW: Ground circle.[00:00:46] AJ: Yeah, I know. Not mine.[00:00:47] KA: All right. What did you guys think? Was it good.?[00:00:50] SW: Yeah. I think we went very well. I wasn’t sure if I was going to stick through the whole event, but it was going to be a long one and it was very late at night and on a weekend. But then, I just found the conversation really entertaining, the talks are cool and I stuck around for the entire thing.[00:01:06] KA: Well, that’s awesome, seven hours.[00:01:08] AJ: Yeah. I mean, I also did stick around for the whole thing.[00:01:12] SW: You cycled like a billion miles.[00:01:15] AJ: Actually, it’s quite a short cycle, because I was trying to moderate the chat from my phone while sitting on the bike, watching the conference. But also, I had like the cycle trainer up and everything else. Yeah, it was interesting, trying to do too many things at one space. I think I did like 20, 25k or something, which is not impressive but it’s worth doing. It was a good feeling as well. What I found was it’s surprisingly easy to concentrate when you’re a cycle trainer watching a conference. I think that I’d like to just go to more events like that, but while cycling because it works really well.[00:01:54] KA: I like working out as well while like watching stuff because it’s nice[00:01:58] AJ: But it’s quite hard, right? I’ve tried running and watching The Simpsons and I can’t do that. It’s just impossible, but this was much easier for some reason.[00:02:06] KA: Cycling is probably a bit easier, kind of in my mind at least feels like it would be easier.[00:02:12] AJ: Yeah. Well, you’re sitting down for one thing, but also, I guess you can vary the cadence quite easily. Like you can just change gear and make it easier or harder if you want to focus on a specific bed. It’s not like you’re having to maintain it constant all the time. Yeah, it works really well, works really well, so I’ll try to do that in the future actually. Then yeah, watching the rest on the TV downstairs, and it was me watching it and enjoying it, and my wife having enforced upon her. That’s, you know, hey.[00:02:41] KA: Which talks did you guys like the most? I think my favorite was like The Web à la Mode one, for sure.[00:02:47] AJ: Oh, yeah.[00:02:47] KA: Like in a creative way, I really like that one. The flying head and --[00:02:52] AJ: Yeah. I think that’s an easy one.[00:02:55] SW: I mean, he actually I think expanded. I personally do a lot of pre-recorded classroom speaking. He’s a first-time speaker and he expanded my idea of what a pre-recorded talking do. It’s like he built that thing, and then played music. Then the rest of the talk was, had that back in music. Now, it’s just genius.[00:03:17] AJ: Yeah. It’s nice to have a pay setter like music wise. I don’t know if you have heard of the comedian, Mitch Hedberg. He’s death now, but he always had this like weird beat going onto like his entire set. It elevates it. It adds like a massive dimension to it, and I’m not really sure why. I can’t remember what the beat is. It’s like — I think it’s somebody playing an instrument called Chuck. When his jokes changed and when his jokes starts to fail, or whatever, which he do a lot because he’s kind of an abstract comedian. He will just say, “Can you just sort of ramp it up a bit, Chuck” and Chuck sort of increase this tempo a bit and change up the way it sounds.” [00:03:56] KA: That’s such a good idea.[00:03:57] AJ: It’s really good. It’s really good that way to do it, actually. So if you’ve got sort of — [inaudible 00:04:00] it’s ridiculous. But if you got somebody who can play an instrument, get him along to your talk, and they can play in the background.[00:04:09] KA: Pro tip.[00:04:09] AJ: Yeah.[00:04:10] SW: Just to mention some of the others. I realized that there’s a lot of curiosity aroun
Ep 13The Svelte Summit Hypisode
We talk about the upcoming Svelte happening of the year: Svelte Summit. On October 18th at 2PM GMT you'll be able to tune-in on the Svelte Society YouTube channel. We have 18 talks lined up. Don't miss it! If you want to get a reminder, sign up to the newsletter.Show Notes: SVELTE SUMMITTranscription:[00:00:00] KA: Hey, everyone. Welcome to another episode of Svelte Radio. We have a special episode today about the upcoming event, Svelte Summit. But before we begin, we are going to introduce ourselves. So I’m Kevin. I run Svelte School. Then we have Shawn and Antony. [00:00:19] SW: I’m Shawn. I work at AWS and I recently rewrote my blog in Elder.js. It’s fully done now. [00:00:27] A: Hi. I’m Antony. I’m the CTO of Beyonk and I’m also a Svelte maintainer. [00:00:33] KA: All right, cool. Svelte Summit, are you guys excited?[00:00:37] AJ: A part. [00:00:37] SW: Very. I’m very excited. [00:00:39] KA: Awesome. [00:00:40] SW: Awesome. [00:00:40] KA: I am as well. We have so many great talks lined up. And compared to the Svelte Society data we had a couple months ago or half a year ago, it was a long time ago. We only got like 12 proposals. But this time we got around 40, so we’re growing. That’s great. I guess we can talk a bit about some of the talks. Let's start with the –[00:01:06] SW: Yeah. I guess I also wanted to like reflect a little bit on like the journey that we took to get here. Like all three of us, we started Svelte meet ups in the cities that we lived in a year ago. Actually, the first time I came about the name Svelte Society was like at the very first meet up in New York where just kind of like introducing it to people. Then I said like in one year we could have like a – It was like a very tentative question mark, but I knew that the name was right. [00:01:37] KA: It does work well, yeah. [00:01:40] SW: So maybe we could’ve bought the domain back then, but I think it all worked out. I didn’t have confidence or faith that I could do it, so definitely like a lot of credit goes to Kev for being the lead organizer for all this. This is amazing that you actually got all these people together and organized all this, so massive kudos to Kev. [00:02:00] AJ: Absolutely, yeah. [00:02:01] KA: Thanks. Thank you. It is actually quite a lot of work when you think about it, or rather it's like comes and goes, like the workload. So at times, you have a lot to do and then – For example, this week I’m going to have a lot to do because I have to edit all the talks together into one big talk, and you have to like do the website and all of the stuff. But for next time, we’re probably just going to reuse the website or a variation of it at least. I think it works well. It looks good. Wolfer did a great job on the design as well. [00:02:38] SW: Yeah, and community conferences are definitely driven by volunteers, and I imagine every framework, every programming language runs into this when they’re just getting off the ground. And it takes people like you, people like us, to just volunteer and not wait for some other person to do it. [00:02:56] KA: Yeah. It’s very easy to just wait for something to happen. But if everyone does that, it’s never going to happen, right? So it’s a lot of fun as well. [00:03:07] SW: That's one thing I noticed, like being involved in the community opens a lot of doors. You get to meet a lot of people, talk to a lot of people that you probably otherwise wouldn't have talked to, so that’s also fun. [00:03:18] KA: Yeah. [00:03:19] AJ: I also think it’s quite –[00:03:20] KA: Even the guests that we’ve had on even on this podcast has been pretty good actually. [00:03:25] AJ: Yeah. No, I think it’s quite new. It’s something to organize and meet up in your town kind of thing. It was difficult for me because it’s not something I’ve really done or thought I could do before. But I think that taking that to a sort of global scale is a lot more difficult, and it’s something that I probably still don’t think I could do. So, yeah, like Shawn says, well done, Kev. I think that’s something that you really sort of pushed the bar there. [00:03:48] KA: I think it’s funny because in some ways I think it’s easier, and then others it’s harder for some reason. [00:03:53] AJ: Yeah. It’s the others. [00:03:55] SW: I was about to say that because when I was – I think we organized like maybe five or six Svelte Society in New York before everything shut down, and I was responsible for booking the venue, like getting everyone in the door. Sometimes, the instructions to get in the building were bad, and then people would be calling me and emailing me. Then at the same time, like being emcee or I try to sort of form out that job but sometimes I’ll be the fall back. Then also speaking because it's hard to find speakers, and then also being responsible for AV like recording it and putting online because I think the majority of the talk’s audience is always going to be online. So they always want to promote the YouTube and all t
Ep 12Svelte and Sapper in Action with Mark Volkmann
Mark Volkmann has written a great book on Svelte and Sapper. We sit down with him to talk about his background, what's in the book and some more philosophical developer stuff! Keep your out on Svelte Society twitter account. We'll be giving away two copies of the book!Sponsors:Level Up Tutorials brings you cutting-edge, focused & high quality video tutorials for web developers and designers. Support the show and check out the Svelte For Beginners as well as Sapper for Beginners courses.You? Svelte Radio is currently looking for another sponsor! Send me a message at [email protected] notes:Svelte and Sapper in Action book (get 35% off by using code podsvelradio20)Mark's blog and second blog/siteTranscription:[00:00:00] KAK: Hey, everyone. Welcome to another Svelte Radio Podcast. Today, we have another guest with us. Before we get to that, let’s do introductions. I’m Kevin. I run Svelte School and I’m heavily involved in the Svelte Society community stuff for Svelte. Yeah, that's me.[00:00:18] SW: I’m Shawn I work at AWS on developer experience. Most recently, I’ve also been working on finally shipping my own site in Elderjs, which is the new Svelte static site generator. It's very fast, because it basically ships almost nothing. Yeah, I really like it.[00:00:38] AJ: Hi. I’m Antony. I’m a CTO at Beyonk, which is a platform for experienced booking. I’m also a Svelte core maintainer. I’m involve with Svelte Radio, Svelte green tea, apparently a lot of stuff that I don't know how I got involved in, but there you go. Yeah, thanks.[00:00:55] KAK: All right. The guest for today is Mark. Mark Volkmann, is that how you say it?[00:01:01] MV: That's correct.[00:01:02] KAK: Yeah. What's your deal?[00:01:05] MV: Yeah. I’m a software consultant in the St. Louis area in Missouri. I work at object computing. We provide training and consulting and all kinds of software development. These days I mostly focus on web development, but I really work in the full stack.[00:01:22] KAK: Awesome. You've written a book on Svelte, right? It's probably why you’re here.[00:01:26] MV: That’s right. Exactly.[00:01:29] KAK: How was that experience?[00:01:31] MV: It was quite challenging. I have a long history of writing. I write a lot of articles for my company that get published on our website and sent out to subscribers to those articles. I’ve been speaking at conferences and user groups for a long time and teaching classes. I had a long history of writing. This is the first time my writing has been examined this closely by a large number of reviewers. It was quite an experience trying to deal with all the feedback that I was getting.[00:02:01] KAK: Nice. Why Svelte?[00:02:03] MV: For me, it's all about developer experience. There's so many reasons to choose Svelte, but I really focus heavily on at least my own productivity. I find that I’m just way more productive in Svelte. A lot of that has to do with the features that are built in that make things so simple and result in you writing less code to get things done. For me, some of the top features are the way that you deal with state inside a component and the way that you share state across component using stores. Both of those are just so much simpler than what I see in any of the other web frameworks.[00:02:41] AJ: Yeah. I like this part that actually – I liked it so much that I took a screenshot of it. In chapter five, you have this table on component communication options and you've got props, slots, events, context, module context and stores and I think that's a really good recap of how these things go. I don't know. I never had it put so clearly to me. but I do have a special preference for stores. They were the first Svelte talk that I did at the New York City Svelte Society meetup.[00:03:08] MV: Right. When you compare it to what you have in other frameworks, like Redux and React, or Vuex and Vue, or NGRX and Angular, it's just a night and day difference in the complexity level.[00:03:19] KAK: Yeah. Your book is pretty comprehensive. I’ve skimmed through it, read parts of it. It seems like the tutorial, but on steroids. It covers pretty much everything. It feels like a good next step after doing the tutorial.[00:03:37] MV: Yeah, I think that's right. I would recommend that people go through the tutorial, because that's excellent. I did really aim to show almost every feature of Svelte and Sapper and have a simple code example of everything. Then show it in a wider context in a sample app that we build throughout the book.I think, even for myself it will be a reference going forward to look up how to do various things. That's really the style of my writing on other topics is to be a reference that I can go back to when I forget how to do something, which is quite often because as developers, we have so many things to remember that we just can't – we have to have a resource to look things up from time to time.[00:04:18] SW: Yeah. Absolutely. I noticed when I was – I wa
Ep 11Performance on the web with Houssein Djirdeh
Houssein Djirdeh joins us to talk about performance on the web. We touch on a lot of different topics like bundle size, framework size and much more.Sponsors:Level Up Tutorials brings you cutting-edge, focused & high quality video tutorials for web developers and designers. Support the show and check out the Svelte For Beginners as well as Sapper for Beginners courses.You? Svelte Radio is currently looking for another sponsor! Send me a message at [email protected]:Perf TrackGoogle LighthouseLighthouseTooling ReportHTTP Archivesmaller-npm-packagesNicole Sullivan: Design Systems, Frameworks and BrowsersPicks:Kevin: MX Vertical - I was talking about forearms, not underarms 😭Shawn: YouTube PremiumHoussein: Dark SkyAntony: System76 LaptopTranscription:[00:00:00] KA: Hello, everyone. Welcome to another episode of Svelte Radio. As always, we’ll start with introductions. I’m Kevin, and I ran a site called Svelte School where I teach people about Svelte as well as other fun stuff around the web. Yeah.[00:00:16] SW: Hey, everyone. I’m Shawn. I work on, I guess, on a bunch of things, but currently I’m a senior developer advocate at AWS. [00:00:24] AJ: Hey, everyone. I’m Anthony. Yeah, I also work in a bunch of things, but I can only run my own startup called Beyonk, which I’m the CTO. And I’m also a Svelte maintainer. [00:00:34] KA: Awesome. So, today we have an awesome guest on the show. Can you introduce yourself? [00:00:40] HD: Yeah, absolutely. My name is Houssein. I am a web developer advocate on Google, on the Google team. So I work with Chrome, but I also work in the focused web as a whole. [00:00:50] SW: That’s awesome. It’s kind of my idea to bring in Houssein on the podcast, because I thought he’d be a good guest. Houssein has basically dabbled in every framework ever. I didn’t know you started out in Angular actually, but I dug through your blog and I was like, “This guy did Angular?” I first met you at Boston, React Boston, where you gave a really good talk that turned into this kind of semi-viral blog post on React performance. And now you’re dabbling in Svelte, and then between you and your twin. You cover all the frameworks. I think that’s a strategy somewhere. So, yeah. I mean, I figured you’d be a really good guest, because you have a cross-framework perspective that most people don’t. [00:01:30] HD: Yeah. No. Thanks for having me. And I’m glad you mentioned that, because I like I’ve never actually properly used Vue, but my twin brother hasn’t. He’s been really involved in that space [inaudible 00:01:39].[00:01:41] KA: So you started out with Angular. So, can you like talk us through the history of like the frameworks you’ve used? [00:01:48] HD: Yeah. Yeah, for sure. Absolutely. I only gone into web development about 4, 5-ish years ago. And that happened right after I graduated from university. I was in my first job and I was just trying to get my footing and like my first sort of role. And then I sort of joined the web development, and we were building a pretty large insurance platform. And we were using AngularJS. And this was pre-component AngularJS. So we’re talking model view controllers. We’re talking root scope, and bindings, and dependency injection, and services. So that was kind of my first hurrah into the frameworks world, which is interesting, because I think we see a lot of discussion on Twitter and the like about how a lot of people think it’s better to just first understand JavaScript, the basics of JavaScript before you jump in to a framework. There’re a lot of other people who think it doesn’t really matter. Learning is learning. I think that for me was a forcing function for me to just learn JavaScript, because I had no idea what was going on in the beginning. So I felt really lost for at least a few months. Funny story, it was me and my twin brother at the same job sitting side-by-side working on the project for a year. [00:03:02] KA: I can really relate to getting forced to learn JavaScript by doing frameworks. [00:03:08] HD: Right? Exaxctly. [00:03:08] KA: Same thing for me. Yeah. [00:03:09] HD: Right? Exactly. But I think after a few months, I started actually also spending some time learning JavaScript on my own, but also trying to understand how AngularJS worked. Like things started clicking and I was like, “Okay. Wow! Now, I can see why it makes sense to use a framework.” And then from then on, it just kept growing where I tried dabbling in Angular 2 when it was brand-new and I started learning how to use Angular 2+. And then about a year after that, I started using React. I actually started using React Native before React, because I was like it might be cool to just build a mobile app, and I had an idea for a mobile app. So whatever time that I had in the side, like I was still doing my day job, but I would go home and I was like, “Let me try to build a mobile app.” It took a long time. I did it and it’s super cool. And then I only used React for the web after
Ep 10Tan Li Hau on contributing to Svelte, his compiler handbook and much more!
Li Hau joins us to talk about his experience contributing to Svelte and how he got started. We talk about the best way to get involved as well as his compiler handbook. Enjoy!Sponsors:Mono is a digital product studio that works remotely. Within the Svelte community you might know Wolfr he is a designer that worked on the Routify, Svelte Society day and Svelte Summit website. He wanted to sponsor this episode with a simple message: as a design team, they are open for client projects. They have extensive experience designing web applications with full-on custom design systems. Mono is typically responsible for the UI and UX in a project and they work alongside developer teams.Level Up Tutorials brings you cutting-edge, focused & high quality video tutorials for web developers and designers. Check out the Svelte For Beginners as well as Sapper for Beginners courses.Links: Compile Svelte in your head part one, two and threeCompiler HandbookPlenti - an SSG/site builder for SvelteShepard - a library for guiding users through your appDoes Svelte Scale?Flare in SvelteMeetups:Svelte Society Day France - September 27th, 13 talks!Svelte Brazil - September 1st Svelte Philippines Facebook GroupSvelte Summit is on October 18th - CFP and Sponsors can apply nowPicks:£700 dishwasher for £30 using Gorilla GlueGitHub changing of default branchFrontend HorseKevin Powell YouTube Channel (CSS stuff!)Transcription:[00:00:00] KA: Hi, everyone. Welcome to another episode of Svelte Radio. Today, we have another guest. But first, let’s get into introductions. I’m Kevin. I run a site called Svelte School, where I teach you all about Svelte and what to do and what not to do in Svelte. Soon, we are going to have our first video course. Keep looking. Yeah, that's me.[00:00:26] SW: Exciting. I’m Shawn. Hi. I’m also known as Swyx. I work at AWS as a developer advocate. What have I done with Svelte recently? I played around with Elder.js and I’m working on moving my own site over to Elder.js as a static site generator built in Svelte.[00:00:42] AJ: Hi. I’m Antony. I’m the CTO of Beyonk, which is an adventure, well, a venture experience booking platform. I’m also a Svelte maintainer and I have very high CPU usage. Yeah.[00:00:59] KA: All right. Our guest for today is Li Hau. You might know him from his contributions to Svelte. I’ll let him introduce himself.[00:01:09] TLH: Hello, everyone. I’m Li Hau. I guess, my full name is Tan Li Hau. Tan is my family name. You can find me @lihautan on Twitter. Who am I? I’m a Svelte contributor as well, like Antony. A bit of myself; I’m currently in Singapore like Shawn, like Swyx. Actually, I’m originally from Malaysia. For those who don't know where Malaysia is, it's a Southeast Asia country right between Thailand and Singapore. That's where I’m from. It has better food, no offense, than Singapore. Although the culture-wise and weather and everything is almost the same.I’m currently working at Shopee as a front-end developer. Shopee is this e-commerce platform, we would say the leading number one e-commerce in Southeast Asia. For those who don't know about Shopee, last year we had Ronaldo as our ambassador. It's very funny. I promise you. You can search for Shopee Ronaldo and we get him to do a baby shark dance with Shopee. That's hilarious. You have to check it out. I think a lot of people who are not in this region would think that Shopee and Shopify is related, but we are not.[00:02:30] SW: I had a friend from Malaysia when I was young. His dad owned a restaurant in Manchester and one day he went to the restaurant and he said, “Order anything you like, any food you want, because it's all free. You can have anything you like.” It's amazing. I ordered my what I thought would be amazing dish and it came to the table. When it arrived, he immediately thought it was his and stuck his fork right in the middle of it and stuck it on his plate. I was like, “No.” Yeah, I didn't really eat much Malaysian food that day, sadly.[00:03:02] KA: I would say the food in Malaysia is pretty good. I went a couple years ago. I like it.[00:03:07] AJ: For those who get to eat, I’m sure it's wonderful.[00:03:12] TLH: Hopefully, one day after the pandemic is over then, maybe you guys can come over and I can bring you guys around, hopefully.[00:03:18] KA: Yeah, that sounds good.[00:03:19] AJ: Amazing.[00:03:20] KA: What got you interested in Svelte?[00:03:23] TLH: Well, so I would say I was interested in the idea of Svelte early on. Maybe a bit more background about myself with the company. Basically, in Shopee, I’m on a so-called working platform-related stuff, which means that I work less on future related stuff, but more on fixing your webpack config and table config, upgrading labels and stuff. That's because I volunteered into this role and we made this role into me.I was playing with all this webpack, Babel and all this stuff. Once in a while, we encounter weird bugs, because we upgrade to the latest version. I have
Ep 9Svelte Summit 2020, Sapper is getting some love and Elder.js is really cool!
This week we announce the new online conference Svelte Summit as well as talk about Elder.js - an amazing new static site generator. Oh! And some good news. From this episode and on, we have an editor and the episodes will be transcribed.Sponsors:Mono is a digital product studio that works remotely. Within the Svelte community you might know Wolfr he is a designer that worked on the Routify, Svelte Society day and Svelte Summit website. He wanted to sponsor this episode with a simple message: as a design team, they are open for client projects. They have extensive experience designing web applications with full-on custom design systems. Mono is typically responsible for the UI and UX in a project and they work alongside developer teams.Level Up Tutorials brings you cutting-edge, focused & high quality video tutorials for web developers and designers. Check out the Svelte For Beginners as well as Sapper for Beginners courses.Links: Svelte Society Day France - September 27th, 13 talks! Svelte Summit is on October 18th - CFP and Sponsors can apply now!Routify 2.0RoxiElder.js - A new crazy-fast static site generator built for SEO and many other use-cases. Partial hydration using Jason Miller's Islands ArchitectureSvelte Tutorial on MDNPicks:StreamyardGloomhavenJack Box GamesTranscription:EPISODE 09[INTRODUCTION][00:00:00] KA: Hey, everyone. Welcome to another Svelte Radio Podcast. This week, we don’t have a guest. But as usual, the three of us are here. So, I’m Kevin. I run a site called Svelte School, where you can find tutorials and the training material to learn Svelte. And I’m joined by my two other cohosts, Shawn and Anthony. Do you want to go ahead and present yourselves? [00:00:28] SW: Hey, everyone. This is Shawn. I guess I have to do some self intro. I work at AWS as a senior developer advocate, and happy to be here. [00:00:38] AJ: I’m Anthony, and I the CTO of Beyonk, which is a booking platform, book software for experiences and travel. And I am also a Svelte maintainer. [00:00:49] KA: Amazing. So since last time, what have you guys been up to? Have you done anything interesting? [00:00:57] SW: Well, I can go while you guys think of your updates. I can only think about the things that I’ve been doing recently, which is not doing Svelte. So kind of the biggest community React Conference is called React Rally, and it’s happening tomorrow. And I spent the last two weeks essentially – Well, this is Svelte related. I’ve created Svelte for React. Basically, the way that you do immutability and sort of assignment in Svelte, you can actually just point that over to React. I did that. And then I made a whole talk around it with the whole idea of like why you should be experimenting with different formats and stuff like that. Preparing any talk is big, but I think this conference is special to me because that’s how I first stated. That’s my first ever conference in 2018. That’s the first talk I ever gave. And I owe a lot to that conference. So I wanted to do a good job.[00:01:54] AJ: Yeah. From my point, it has been 38+ degrees here in the UK and it’s very hard to work and very hard to think in that kind of heat. And specially we don’t have air con in our houses and stuff like that. So it’s just a matter of – I don’t even know. There’s no way to stay cool. But meanwhile, I’ve been obviously working hard in my startup, which is Beyonk. And then we’ve been doing a fair bit of Svelte work. So mostly that and making contribution a bit easier. Getting some PRs closed and that sort of thing. Yeah, all kind of very software-related and the crazy heat.[00:02:39] KA: Okay. So I’ve been working these last few weeks on the new Svelte Society Day website as well as the upcoming conference that we’re going to talk about in a bit. Spoiler alert. Then today we are also going to talk about some other stuff. There’s new static side generator. Routify just released their 2.0 release, and a couple of other random things. Let’s get started. First off, Svelte Society Day France. I heard they had like a lot of proposals.[00:03:17] SW: Yeah, they did better than you. They’ve got some proposals so far. I’m not sure when this is going to release, but they’re aiming to close proposals on 16 of August. But they have a good selection. It’s always better to have more, I think. And I think the actual event is happening at the end of September. If I was any good at this job, I would have their URL in front of me. It’s actually france.sveltesociety.dev. Basically, if you speak French and you do Svelte, you should come to this meet-up, or conference, or whatever it is, on the 27th of September, and it will be a good time.[00:03:54] AJ: I think it’s worth noting. We’re talking about it in Discord and they were saying that sort of majority French talks, but not exclusively. So they might have some English language talks as well. [00:04:05] KA: Yeah. I was going to say, I’m going to check it out even if I don’t speak French. [00:04:11] AJ: Y
Ep 8Amelia Wattenberger, Svelte, D3 and other fun stuff!
This week we had the pleasure to be joined by Amelia Wattenberger. Amelia is a journalist-engineer working at The Pudding where she builds stuff using, among other things, Svelte! We talk about Svelte, D3, React and loads of fun stuff. Enjoy!Show notes and links (in no particular order):Scaling SVG ElementsPercent in CSSSvelte RecipesWrite Less, Do More (Rich Harris talk, ending on a bit about saving the world using Svelte!)I probably missed some - sorry about that 😬Picks:StretchlyFocusStackCentr
Ep 7Rich Harris, The Big Announcement
This week we had the pleasure of speaking with the creator of Svelte, Rich Harris. The topics of the podcast can be seen below but first we have a big announcement! TypeScript support for Svelte is finally, officially here! Hallelujah! Links and other fun stuff: Frontend Masters course by Rich Harris Svite Pancake and Layercake MalinaJS Picks (amazon affiliate links): The Executioner Raspberry Pi 4 Microsoft Sculpt Volumio
Ep 6Svelte Society Day: End of Summer Edition
After a couple of weeks we're once again back, talking about all things Svelte! This episode we discuss a whole lot of stuff: the next Svelte Society Day, maintainers meet, recipes, some new resources and a cool new Podcast Player for KaiOS. Check out the deets below in no particular order: New Svelte Society website (Staging!). Help out by contacting me, i'm @Kev on the Svelte Discord. Amelia Wattenberger's svelte.recipes site Svite = Svelte + Vite. Use Svelte and Vite Cloud Native Web Development by Mike Nikles A new static site generator called JungleJS Learn in Public book page written in Svelte. Hosted on begin. Also some talk about Cloudflare Worker Sites. Showcase topics: PodLP, Unofficial newsletter, July 18th Meetup in India, Pokedex, Textmoji, Svelte Society France and CFPs Picks: Sensible Side Buttons, Twitter Links, Foam
Ep 5Hillary Clinton tweeted about Svelte
In this latest episode we talk a great deal of things, I've added most of the links that we talked about in a list below. Enjoy! We're currently looking for sponsors to make sure the production value of the podcast goes up. At the moment we're just doing this on our free time and the editing could for sure be better. If you are interested in talking about this, find me on the Svelte Discord (i'm @Kev). MDSveX, markdown in Svelte. Svelte REPL pull request. Try it out! Frontend Masters course by Rich Harris! Svelte Society Discord. Join and check out the french meetup scene! Svelte Society Amsterdam Meetup. Writing preprocessors and migrating to SvelteJS Open Source Awards! Make sure to vote for Svelte if you figure out how. Request For Comments on built-in Actions in Svelte. Which actions would you like to see by default? Hillary Clinton tweets about Svelte. Sort-of. An intro to Pancake. Svelte in production at pace.dev and used by Square Enix for the Kingdom Hearts website. Showcase: JungleJS (gatsby/gridsome) and Unicode Lookup. Picks: external monitor, ergonomics and Hey.
Ep 4TypeScript Language Tools
In this episode we're extremely excited to talk with Simon and Orta about TypeScript support in Svelte. From what we can tell, it seems it's already here! What a time to be alive! We talk a bit about what TypeScript is, what it solves and some of the challenges implementing support for it. We end the episode with a show-and-tell where Simon shows us around the git repo where all the work is happening. If you're listening to this you can find the video (video starts 34:22) at the Svelte Society Youtube Channel. Resources: Language Server Protocol Svelte Language Tools Some Issues to take a look at: #11, #4797
Ep 3In Defense of The Modern Web
This week we talk about a bunch of fun topics! In no particular order: Rich Harris' In Defense of The Web Kevins article on actions. Bundler work and HMR in Svelte: Nollup, Vite, Snowpack New contributors resources: CONTRIBUTING, ROADMAP Contributing in practice: Li Hau's bug fix story Built in Svelte: Googles Performance Benchmark Scott teaches Wes about Svelte TypeScript almost here? Next episode we will bring on some of the active contributors to discuss it. Stay tuned! Microsoft releases Azure Static Sites. Builds one live using Svelte! Unfortunately somewhere in this 48 hours stream Scott Tolinski builds a Svelte and Meteor application. Free series! Keying things. Relevant background info: Sebastian Markbåge, Nik Graf. Svelte Workaround Pub quiz? If you're interested, give us a shoutout on the Discord! Discussion about an upcoming official router Shawn talks about his book. Picks: Shawn: Baseus W01 Earphones Antony: Browserstack Kevin: Plausible
Ep 2Post Svelte Society Day
Shawn, Antony and Kevin sit down for a talk about the latest happenings in Svelte land. We talk about Svelte Society Day, some new courses, Snowpack, Typescript and much more. Topic links: Scrimba course Firebase course 7 hour FreeCodeCamp course svelte-forms Svelte Society Day channel: and a gist with information. A svelte CLI? Compile Svelte in your head (Part 3) Transition PR and context from Dan Abramov Ignoring warnings Contribute to a11y warnings Tag named anchor broke apps
Ep 1The Beginning
In this very first episode of the Svelte Radio show check out what has been happening the last week in Svelteworld. Show notes can be found here: https://www.svelteradio.com/the-beginning