Kevin Åberg Kultalahti's guest appearances

Kevin Åberg Kultalahti

Modern Web

Web Rush

Emma Wedekind

Andrew Smith

Chris Coyier

Chris Fritz

Wes Bos

Brian Clark

Mike Rohde

Tim Neutkens

Paul Campbell

Ben Halpern

Laurie Barth

Mark Thompson

Jen Luker

Ives van Hoorne

Sara Vieira

OwlTail

In this episode of Modern Web, Tracy Lee and Adam Barrett talk with Kevin Åberg Kultalahti of Svelte Society to discuss the long anticipated release of Svelte 4. Listen in as they explore the exciting technical enhancements that Svelte 4 brings to the table, including its reduced package size, enhanced web component support, and optimized performance. Svelte 4 introduces a revolutionary approach to web development by compiling components at build time rather than relying on a runtime framework. This means smaller bundle sizes, faster loading times, and improved performance for your applications. We delve into the technical details of how Svelte achieves this impressive feat, providing practical examples and insights into the inner workings of the framework. Compatibility is a key concern for any web development framework, and Svelte 4 addresses this head-on. With improved web component support, Svelte 4 enables seamless integration with existing codebases and allows developers to leverage the power of Svelte in combination with other frameworks or libraries. Our discussion explores the compatibility aspects of Svelte 4, highlighting its flexibility and ease of adoption for both new and existing projects. Whether you're a seasoned developer looking to stay at the forefront of web development trends or a newcomer eager to explore the latest innovations, this episode offers valuable insights and practical examples that showcase how Svelte 4 can revolutionize your web development workflow. Don't miss out on this opportunity to unlock the true potential of Svelte 4 and take your projects to new heights. Tune in now and discover the power of this cutting-edge framework! Guest:  Kevin Åberg Kultalahti, Svelte Society @kevmodrome  Hosts:  Tracy Lee, CEO of This Dot Labs @ladyleet  Adam L. Barrett, Software Engineer at This Dot Labs @adamlbarrett Sponsored by This Dot Labs

In this episode of Modern Web, Tracy Lee and Adam Barrett talk with Kevin Åberg Kultalahti of Svelte Society to discuss the long anticipated release of Svelte 4. Listen in as they explore the exciting technical enhancements that Svelte 4 brings to the table, including its reduced package size, enhanced web component support, and optimized performance. Svelte 4 introduces a revolutionary approach to web development by compiling components at build time rather than relying on a runtime framework. This means smaller bundle sizes, faster loading times, and improved performance for your applications. We delve into the technical details of how Svelte achieves this impressive feat, providing practical examples and insights into the inner workings of the framework. Compatibility is a key concern for any web development framework, and Svelte 4 addresses this head-on. With improved web component support, Svelte 4 enables seamless integration with existing codebases and allows developers to leverage the power of Svelte in combination with other frameworks or libraries. Our discussion explores the compatibility aspects of Svelte 4, highlighting its flexibility and ease of adoption for both new and existing projects. Whether you're a seasoned developer looking to stay at the forefront of web development trends or a newcomer eager to explore the latest innovations, this episode offers valuable insights and practical examples that showcase how Svelte 4 can revolutionize your web development workflow. Don't miss out on this opportunity to unlock the true potential of Svelte 4 and take your projects to new heights. Tune in now and discover the power of this cutting-edge framework! Guest: Kevin Åberg Kultalahti, Svelte Society <a href="https://twitter.com/kevmodrome" rel="nofollow" target="_blank">@kevmodrome </a> Hosts: Tracy Lee, CEO of This Dot Labs <a href="https://twitter.com/ladyleet" rel="nofollow" target="_blank">@ladyleet</a> Adam L. Barrett, Software Engineer at This Dot Labs <a href="https://twitter.com/adamlbarrett" rel="nofollow" target="_blank">@adamlbarrett</a> Sponsored by <a href="https://twitter.com/ThisDotLabs" rel="nofollow" target="_blank">This Dot Labs</a>

S10E17 Modern Web Podcast- Exploring Svelte 4 with Kevin Åberg Kultalahti: Performance, Compatibility, & Web Component Support

Recording date: Feb 2, 2023John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerKevin Åberg Kultalahti @kevmodromeBrought to you byAG Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources:SvelteKit 1.0’s releaseRich Harris on TwitterSvelteSvelte SocietySvelte RadioLoki VariantsSvelte vs React ComparisonSvelte ComponentsSvelte TutorialSvelte vs SvelteKitASP.NET MVCSvelteKit AdaptersSvelteKit FormsTimejumps00:27 Welcome01:00 Guest introduction02:05 What is Svelte Society?04:26 What is Svelte?07:44 Sponsor: Ag Grid08:46 What is the Svelte Compiler?13:14 What is SvelteKit?19:18 Why SvelteKit?23:40 Sponsor: Nrwl24:16 What are adapters in Svelte?29:14 What is exciting about SvelteKit?32:01 What is the file structure for SvelteKit?34:59 Getting started with SvelteKit36:00 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

Recording date: Feb 2, 2023John Papa <a href="https://twitter.com/john_papa" rel="nofollow" target="_blank">@John_Papa</a>Ward Bell <a href="https://twitter.com/WardBell" rel="nofollow" target="_blank">@WardBell</a>Dan Wahlin <a href="https://twitter.com/danwahlin" rel="nofollow" target="_blank">@DanWahlin</a>Craig Shoemaker <a href="https://twitter.com/craigshoemaker" rel="nofollow" target="_blank">@craigshoemaker</a>Kevin Åberg Kultalahti <a href="https://twitter.com/kevmodrome" rel="nofollow" target="_blank">@kevmodrome</a><h2>Brought to you by</h2><ul><li><a href="https://www.ag-grid.com/" rel="nofollow" target="_blank">AG Grid</a> <a href="https://www.ag-grid.com/" rel="nofollow" target="_blank"></a></li><li><a href="https://nx.dev/" rel="nofollow" target="_blank">Narwhal</a> Visit <a href="https://nx.dev/" rel="nofollow" target="_blank">nx.dev</a> to get the preeminent open-source toolkit for monorepo development, today. <a href="https://nx.dev/" rel="nofollow" target="_blank"></a></li></ul><h2>Resources:</h2><ul><li><a href="https://svelte.dev/blog/announcing-sveltekit-1.0" rel="nofollow" target="_blank">SvelteKit 1.0’s release</a></li><li><a href="https://twitter.com/Rich_Harris" rel="nofollow" target="_blank">Rich Harris on Twitter</a></li><li><a href="https://svelte.dev/" rel="nofollow" target="_blank">Svelte</a></li><li><a href="https://sveltesociety.dev" rel="nofollow" target="_blank">Svelte Society</a></li><li><a href="https://www.svelteradio.com" rel="nofollow" target="_blank">Svelte Radio</a></li><li><a href="https://marvelcinematicuniverse.fandom.com/wiki/Category:Variants_of_Loki" rel="nofollow" target="_blank">Loki Variants</a></li><li><a href="https://refine.dev/blog/svelte-vs-react/#:~:text=Svelte%20is%20a%20relatively%20new,based%20approach%20to%20web%20development" rel="nofollow" target="_blank">Svelte vs React Comparison</a></li><li><a href="https://svelte.dev/tutorial/svelte-component" rel="nofollow" target="_blank">Svelte Components</a></li><li><a href="https://svelte.dev/tutorial/basics" rel="nofollow" target="_blank">Svelte Tutorial</a></li><li><a href="https://www.okupter.com/blog/svelte-vs-sveltekit-the-difference" rel="nofollow" target="_blank">Svelte vs SvelteKit</a></li><li><a href="https://dotnet.microsoft.com/en-us/apps/aspnet/mvc" rel="nofollow" target="_blank">ASP.NET MVC</a></li><li><a href="https://kit.svelte.dev/docs/adapters" rel="nofollow" target="_blank">SvelteKit Adapters</a></li><li><a href="https://kit.svelte.dev/docs/form-actions" rel="nofollow" target="_blank">SvelteKit Forms</a></li></ul><h2>Timejumps</h2><ul><li>00:27 Welcome</li><li>01:00 Guest introduction</li><li>02:05 What is Svelte Society?</li><li>04:26 What is Svelte?</li><li>07:44 Sponsor: Ag Grid</li><li>08:46 What is the Svelte Compiler?</li><li>13:14 What is SvelteKit?</li><li>19:18 Why SvelteKit?</li><li>23:40 Sponsor: Nrwl</li><li>24:16 What are adapters in Svelte?</li><li>29:14 What is exciting about SvelteKit?</li><li>32:01 What is the file structure for SvelteKit?</li><li>34:59 Getting started with SvelteKit</li><li>36:00 Final thoughts</li></ul>Podcast editing on this episode done by <a href="https://lemonproductions.ca/" rel="nofollow" target="_blank">Chris Enns of Lemon Productions</a>.

Episode 221: Inflection Point SvelteKit 1.0 with Kevin Åberg Kultalahti

John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerKevin Åberg Kultalahti @kevmodromeBrought to you byag-Grid Narwhal  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources:Kevin on GitHubSvelte Forms on GitHubSvelete DiscordJohn Candy moviesSvelteReactEasyFormsFormee libraryYupReactivity in SvelteTry Svelte Forms in the Svelte REPLSvelte StoresSvelte Society - community -on TwitterSvelte community on DiscordMad Max Beyond ThunderdomeTutorial on creating Svelte ActionsPugRxJS Docs page … open the browser tools and enjoy!PlatoAristotleTimejumps02:18 Guest introduction04:01 How did you decide to work on forms for Svelte?07:45 How does Svelte Forms make life easier over HTML?09:21 Sponsor: Nrwl10:05 What features seperate you from other libraries?20:51 How do you handle validation?26:35 What's a view model?30:00 How does extensibility work?37:40 How is styling handled?39:05 Sponsor: Ag Grid40:18 Other projects on the go?42:29 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

John Papa <a href="https://twitter.com/john_papa" rel="nofollow" target="_blank">@John_Papa</a>Ward Bell <a href="https://twitter.com/WardBell" rel="nofollow" target="_blank">@WardBell</a>Dan Wahlin <a href="https://twitter.com/danwahlin" rel="nofollow" target="_blank">@DanWahlin</a>Craig Shoemaker <a href="https://twitter.com/craigshoemaker" rel="nofollow" target="_blank">@craigshoemaker</a>Kevin Åberg Kultalahti <a href="https://twitter.com/kevmodrome" rel="nofollow" target="_blank">@kevmodrome</a><h2>Brought to you by</h2><ul><li><a href="https://www.ag-grid.com/" rel="nofollow" target="_blank">ag-Grid</a> <a href="https://www.ag-grid.com/" rel="nofollow" target="_blank"></a></li><li><a href="https://nx.dev/" rel="nofollow" target="_blank">Narwhal</a> Visit <a href="https://nx.dev/" rel="nofollow" target="_blank">nx.dev</a> to get the preeminent open-source toolkit for monorepo development, today. <a href="https://nx.dev/" rel="nofollow" target="_blank"></a></li></ul><h2>Resources:</h2><ul><li><a href="https://github.com/kevmodrome" rel="nofollow" target="_blank">Kevin on GitHub</a></li><li><a href="https://github.com/svelteschool/svelte-forms" rel="nofollow" target="_blank">Svelte Forms on GitHub</a></li><li><a href="https://discordapp.com/channels/457912077277855764/506988048375087114" rel="nofollow" target="_blank">Svelete Discord</a></li><li><a href="https://www.imdb.com/name/nm0001006/" rel="nofollow" target="_blank">John Candy movies</a></li><li><a href="https://svelte.dev/" rel="nofollow" target="_blank">Svelte</a></li><li><a href="https://reactjs.org/" rel="nofollow" target="_blank">React</a></li><li><a href="https://github.com/kevmodrome/svelte-easyforms" rel="nofollow" target="_blank">EasyForms</a></li><li><a href="https://github.com/lukeed/formee" rel="nofollow" target="_blank">Formee library</a></li><li><a href="https://github.com/jquense/yup" rel="nofollow" target="_blank">Yup</a></li><li><a href="https://svelte.dev/tutorial/reactive-declarations" rel="nofollow" target="_blank">Reactivity in Svelte</a></li><li><a href="https://svelte.dev/repl/ddc56a9e9f9c4289bbe714c6dd48989d?version=3.20.1" rel="nofollow" target="_blank">Try Svelte Forms in the Svelte REPL</a></li><li><a href="https://svelte.dev/tutorial/writable-stores" rel="nofollow" target="_blank">Svelte Stores</a></li><li><a href="https://twitter.com/sveltesociety" rel="nofollow" target="_blank">Svelte Society - community -on Twitter</a></li><li><a href="https://t.co/WHxbkUE4qC?amp=1" rel="nofollow" target="_blank">Svelte community on Discord</a></li><li><a href="https://en.wikipedia.org/wiki/Mad_Max_Beyond_Thunderdome" rel="nofollow" target="_blank">Mad Max Beyond Thunderdome</a></li><li><a href="https://svelte.dev/tutorial/actions" rel="nofollow" target="_blank">Tutorial on creating Svelte Actions</a></li><li><a href="https://pugjs.org/api/getting-started.html" rel="nofollow" target="_blank">Pug</a></li><li><a href="https://rxjs-dev.firebaseapp.com/" rel="nofollow" target="_blank">RxJS Docs page … open the browser tools and enjoy!</a></li><li><a href="https://en.wikipedia.org/wiki/Plato" rel="nofollow" target="_blank">Plato</a></li><li><a href="https://en.wikipedia.org/wiki/Aristotle" rel="nofollow" target="_blank">Aristotle</a></li></ul><h2>Timejumps</h2><ul><li><a>02:18</a> Guest introduction</li><li><a>04:01</a> How did you decide to work on forms for Svelte?</li><li><a>07:45</a> How does Svelte Forms make life easier over HTML?</li><li><a>09:21</a> Sponsor: Nrwl</li><li><a>10:05</a> What features seperate you from other libraries?</li><li><a>20:51</a> How do you handle validation?</li><li><a>26:35</a> What's a view model?</li><li><a>30:00</a> How does extensibility work?</li><li><a>37:40</a> How is styling handled?</li><li><a>39:05</a> Sponsor: Ag Grid</li><li><a>40:18</a> Other projects on the go?</li><li><a>42:29</a> Final thoughts</li></ul>Podcast editing on this episode done by <a href="https://lemonproductions.ca/" rel="nofollow" target="_blank">Chris Enns of Lemon Productions</a>.