Svelte Radio

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!

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 (braden@fractal-hq.com). 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.

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 then I went back to school grad school because I had free money for from the military, and did entrepreneurship, and computer science. There, I met a co worker or a co founder of my previous company called devise. We were a rails and AngularJS. And at the time, this was a little bit before react and all the, you know, jQuery is kind of just leaving popularity, even though it's still popular backbone was kind of plus or minus, I didn't really care for it at the time. So we chose to start our company with AngularJS. And that's kind of where I got the start in Angular, we never really upgraded and that company to, you know, angular 2.0. And thus, for what it's now and now is. And then moving on from there, that company was sold, and spent some other time doing react, and played around with view a little bit, played around with Django. And then I joined Hobie dB, and they were already using Angular. So that's how I came to be my current role. Cool. SoKevin Åberg Kultalahti  6:01  so so what is hobby DB is like an e commerce. Yeah,David Parker  6:07  it's a it's a e commerce site where people can buy and sell anything that's collectible. So the little pop Funko dolls. If you're familiar with rose, I don't know how popular they are outside of the United States. They seem to be kind of trendy. And I'm, I guess we are a marketplace for those is the the main thing and Hot Wheels, the little cars. Those are our two main.Antony  6:30  So this. This is called hobbie dB. That's, that's that's an interesting name. Because it I really thought it was like a system for development. Yeah, I really, I thought it was like a, you know, the name the name did not draw a picture of what the what the product is. It's interesting.Davi...

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!

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 should be a extract components, add components command in the context menu. And then you can specify what's what's, what's the name of the component, and then it will transfer that HTML into the other component, and write the input for you.Antony  5:34  So just just for the somebody who's let's pretend I'm completely uneducated in TypeScript, not because I am no, I definitely am. Imagine if you're also completing events. And you've got like a series of events that click and you've got things like, key up and key down. Are you maintaining a huge list of events that match the Svelte API? Or are you using, say, the type definitions within Svelte to generate those auto completions? How does that how does that work?Simon Holthausen  6:00  It works. Actually, it kind of is like that. So that there are two parts to that. One is that we use the HTML language service that VS code uses for its HTML intelligence. And that one defines a lot of those events. So if you do auto completion, you'll get that from that. But we also have to define and keep track of a really big list of all these events inside a type definition file, so that we can show arrows, like, okay, you're using a new event that doesn't exist. So for that we have two people, ever growing list of events.Antony  6:47  So you have this duplicate list that matches Svelte, right? Yes, we do. So is there a way to Is there a way to maybe like, use that if that list existed a bit within Svelte itself? Is there a way to use that list from there? Or is that is that not a thing? That's possible?Simon Holthausen  7:04  So there was, I don't know some kind of Jason definition, we could definitely look into generating something out of that. Yeah, that would be possible.Antony  7:13  That'd be interesting PR, because I've, I've seen the code that adds those events to elements inside Svelte. And it's kind of like a big if state...

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 how that works. Yeah, that's it. Yeah, that seems crazy. It's,Ben McCann  5:04  it's got a nice a lot of nice benefits, like a lot of the chemicals that are used for propulsion, traditionally are very toxic. And so that's not not probably not the main benefit of doing this, but it's a nice side benefit. So the idea is basically that, you know, if you're going to launch a satellite into orbit or something on SpaceX, they kind of drop you into a number of like default orbits. But then if you want to get to your own custom orbit fill, fill act is like a shuttle to get you to your final destination.Kevin Åberg Kultalahti  5:42  That's cool. All right, so sapper. Is that point? 28. Right now, is that that's not the last version. Right?Ben McCann  5:50  So we've got one more, at least in the works. Zero Point 29 is coming up soon. And, you know, obviously, there's there's been a lot of talk about Svelte kit. And so that's where a lot of the development focuses right now. But in the meantime, there's still a lot of prs that we've been getting for smaller issues in sapper that we wanted to try to get in and get another release out. So I think, you know, probably the biggest highlight is for all our TypeScript users. we've, we've gotten, I think, probably like four or five changes in two separate 29 for TypeScript definition improvements, which will be a really nice quality of life improvement for our TypeScript users. TypeScript supports pretty new within Svelte in general. And so there's there's a lot of other places in the Svelte ecosystem where we've been making a lot of TypeScript improvements as well. But But sapper is definitely one of them. And then, you know, I think the other place in in sapper zero point 29, where we've seen a lot of improvements are in the router. So a lot of fairly minor bug fixes. But But things that that are just kind of nice usability improvements. There's been a couple scroll tracking bug fixes that w...

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 wanted to point people to resource the GDC YouTube channel Game Dev conference had a really good breakdown of the Spider Man ps4 ai, where it actually shows you how, because Spider Man has infinite rendering. And you can see people you can theoretically interact with any single pedestrian on the street could attack them, you can talk to them whenever. And it's a really interesting choreography of choreography of how it's random AI and then the moment you interact with them, then they're sort of possessed by a different sort of AI and they talk a lot about it. And yeah, it's it's, it's that sounds pretty much as open source as Game Dev can get without actually sharing the code.Kevin Åberg Kultalahti  4:25  Yeah, all right. So so you guys treated yourself to some new presents, I heardShawn  4:32  Sure. My problem is I don't I don't have like a full report and everyone else. So I Oh, okay, I'll the headline is I got a m one. MacBook Mini. Sorry, a Mac Mini. And that's the first desktop that I've purchased ever. You know? Well, because every prior PC that I've ever made, I actually assembled I bought it assembled and obviously You can't do that...

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 your journey has been from WordPress to where you are now.Luke Edwards  4:18  So I mostly started as a designer, actually. So I was doing my own WordPress stuff. And you always focus on design, and I wanted to cool carousels and stuff. So my first that first client I was talking about was mostly a design work. And then I just implemented it and like basic HTML, CSS, which was all it needed, was mostly design base, and then, you know, a cup that lended itself to other projects that basically I got lucky and it became like word of mouth thing because they knew no one. So all those sort of projects just sort of like honed my design skill set, but then it also honed more front end work. So I basically I started going from backbone route into Marionette and then into I stuck with Riot for a long time. But basically a lot of fun and work in that at some point over, like the next three or four years I started having to work with, or alongside backend engineers, so back into WordPress back into custom PHP stacks, so a lot of Code Igniter, a lot of beginning Laravel stuff. And so I just that gave me some the beginnings of the full stack experience. And then I became more full stack key on future clients, same clients or new ones, and basically lived with a foot in each world fo...

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 signup link.Karine  4:40  Yeah. It's it's Svelte that substack.com and there you have the sign up for the newsletter and Oh, that's a different clever link. It's okay. It's, you know, it'sKevin  4:53 it. It is the same but like we, I guess you kind of want the like an official signup thing because This is run by the guy that writes it, I think, okay, which is fine. I suppose.Shawn  5:04   that's good enough. Better than us maintaining a separate mailing list.Antony  5:09  Yeah. Okay. Well, that's, that's that's nice about it to be honest.Karine  5:13  So now Antony you can subscribe.Antony  5:16  Now that what's going on, we should be really useful.Shawn  5:19  I just very keen on email capture. I'm like the next conference that we do we need to have emails. Antony  5:24  Yeah, absolutely. Shawn  5:25  Activate people. All right. So I guess maybe the one surprise because I haven't seen this before. I would want surprise I was rollout plugin Svelte removed the CSS option, Antony  5:36  They didShawn  5:37  This is surprising Why?Antony  5:38  It's not a question I can answer. Again. I didn't work on that plugin. And I think now i don't i don't know. But yes, I...

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 courses, right? [00:04:33] ST: Yeah. [00:04:33] KAK: You had two of them before, right? You had the Svelte for beginners and Sapper for beginners, right? [00:04:40] ST: We had a Svelte course, a Sapper course and then now animating Svelte, which was the latest one that came out in October. And I’ve done a lot of animating React courses. So for me this one was interesting to be able to apply a lot of the same like, “Here are our basic animations you need to know, but then try to do them in a completely different system.” And like some of the stuff – It's funny, because we can get into it more, but some of the stuff in Svelte was like too easy. It's like, “Okay. In React, to do a fly-in animation, we have to pick a library,” because there's like eight libraries to pick from. You got to pick a library then you got to write the in and out and you got to worry about the mounting and unmounting. And then in like Svelte it's just like, “Oh! Import fly. Attach that directive to –” I feel like a fraud for teaching that because it's so simple. But then like if anybody's coming from any of their platform, they're going to see how nice it is. And to me that's the reason why we talked about Svelte being probably the best platform for people to pick up, because it's so simple like that. You don't have to make a lot of choices in those regards. I mean what we made a like a modal. I think the modal – I don't know what video that is, but we made like a modal in one of the videos. And it is like a really nice looking, like almost like the native animation that's on Big Sur and macOS type of looking modal. And it took us no time at all. It’s like just pop on a couple of directives on a couple things and bingo-bango! It's just working. [00:06:11] AJ: