Svelte Society San Diego - January 2024
Attila covers the latest updates on Svelte 5 and also SvelteKit.
Svelte Society San Diego - January 2024
Attila covers the latest updates on Svelte 5 and also SvelteKit.
Share with the biggest community of Svelte enthusiasts in the world
Welcome to Svelte Society, homepage for everything Svelte. Find what you're looking for in the navigation above!
Support Svelte Society and get your company featured here. Contact us
Attila covers the latest updates on Svelte 5 and also SvelteKit.
Attila covers the latest updates on Svelte 5 and also SvelteKit.
Summary of recent Svelte updates including changelog highlights, new features like popover API and gamepad events, community showcase of a client component preprocessor, discussion on progressive enhancement principles, and demonstration of HTML dialog element usage with minimal JavaScript.
Summary of recent Svelte updates including changelog highlights, new features like popover API and gamepad events, community showcase of a client component preprocessor, discussion on progressive enhancement principles, and demonstration of HTML dialog element usage with minimal JavaScript.
Recent updates and features in the Svelte ecosystem. The host, Pudi, discusses a new macOS Raycast extension for searching Svelte documentation, updates in Svelte and SvelteKit, and a detailed Q&A on client-side validation in forms. The video also includes a changelog for Svelte and SvelteKit, highlighting new features and fixes.
Recent updates and features in the Svelte ecosystem. The host, Pudi, discusses a new macOS Raycast extension for searching Svelte documentation, updates in Svelte and SvelteKit, and a detailed Q&A on client-side validation in forms. The video also includes a changelog for Svelte and SvelteKit, highlighting new features and fixes.
First Svelte Society London of 2024 starting strong with talks from Rich Harris and pngwn.
First Svelte Society London of 2024 starting strong with talks from Rich Harris and pngwn.
06:00 Quick facts - :has CSS selector 08:15 Community Showcase - Advent of Svelte highlights 15:16 Discussion - ideal theme toggles 25:01 Q&A - How do I resolve peerDependency issues? 30:09 Q&A - passing action parameters to components
06:00 Quick facts - :has CSS selector 08:15 Community Showcase - Advent of Svelte highlights 15:16 Discussion - ideal theme toggles 25:01 Q&A - How do I resolve peerDependency issues? 30:09 Q&A - passing action parameters to components
Documentation is hard to write. It can also be hard to read, especially when you don't speak english fluently. That's why we have translated the Svelte docs and tutorial to french, to help the french-speaking community grow. We want to share the process we used to achieve it, so that it can be replicated in other languages.
Documentation is hard to write. It can also be hard to read, especially when you don't speak english fluently. That's why we have translated the Svelte docs and tutorial to french, to help the french-speaking community grow. We want to share the process we used to achieve it, so that it can be replicated in other languages.
00:57 Changelog - SvelteKit 2.0 20:25 Side conversation - SvelteKit 2.0 26:16 Community Showcase - Sveltease by Anurag 40:35 Community Showcase - thoughts from the hosts
00:57 Changelog - SvelteKit 2.0 20:25 Side conversation - SvelteKit 2.0 26:16 Community Showcase - Sveltease by Anurag 40:35 Community Showcase - thoughts from the hosts
In this episode of Svelte Radio, Jacob Stordahl and the hosts discuss Jacob's transition from WordPress to Svelte and the practical aspects of developing third-party JavaScript widgets. They also touches on the role of AI in content management. Tune in!
In this episode of Svelte Radio, Jacob Stordahl and the hosts discuss Jacob's transition from WordPress to Svelte and the practical aspects of developing third-party JavaScript widgets. They also touches on the role of AI in content management. Tune in!
00:55 Changelog - SvelteKit 1.27.7, Svelte 5 'untrack' 03:36 Quick Facts - Svelte Radio 04:05 Community Showcase - Advent of Svelte by Stanislav and Willow 15:53 Discussion - form validation UX, ValidityState 26:19 Q&A - How to suppress ESLint warnings in Svelte 29:40 Q&A - Sending events from parent to child
00:55 Changelog - SvelteKit 1.27.7, Svelte 5 'untrack' 03:36 Quick Facts - Svelte Radio 04:05 Community Showcase - Advent of Svelte by Stanislav and Willow 15:53 Discussion - form validation UX, ValidityState 26:19 Q&A - How to suppress ESLint warnings in Svelte 29:40 Q&A - Sending events from parent to child
FetchQL wrapper for Svelte 3
In this episode of Svelte Radio, join hosts Brittany and Kev as they dive into the world of web development with their guest Sam, a technical writer at Prismic. Brittany shares her latest experiences battling with Tailwind, Rails, and Svelte, emphasizing the learning journey that comes with navigating the complexities of modern web development. She also offers a valuable tip about CSS line height, advising against the use of rems and ems due to their unpredictable inheritance and suggesting more reliable alternatives.
In this episode of Svelte Radio, join hosts Brittany and Kev as they dive into the world of web development with their guest Sam, a technical writer at Prismic. Brittany shares her latest experiences battling with Tailwind, Rails, and Svelte, emphasizing the learning journey that comes with navigating the complexities of modern web development. She also offers a valuable tip about CSS line height, advising against the use of rems and ems due to their unpredictable inheritance and suggesting more reliable alternatives.
Let's show you the magic of GraphQL with Houdini. "Hocus Pocus keep your focus"
Let's show you the magic of GraphQL with Houdini. "Hocus Pocus keep your focus"
01:19 Changelog - Svelte 4.2.8, Svelte 5 updates 05:04 Quick Facts - Advent of Svelte, using TypeScript in Svelte 5 markup 08:10 Community Showcase - Kit Routes by Jean-Yves 28:44 Q&A - How to reuse old query params 35:20 Q&A - What are peerDependencies?
01:19 Changelog - Svelte 4.2.8, Svelte 5 updates 05:04 Quick Facts - Advent of Svelte, using TypeScript in Svelte 5 markup 08:10 Community Showcase - Kit Routes by Jean-Yves 28:44 Q&A - How to reuse old query params 35:20 Q&A - What are peerDependencies?
GitHub repository: DhyeyMoliya/svelte-form-validation
Do you find Svelte's a11y warnings get in your way? They're actually part of a greater mission shared by nations around the world to make the digital web universally accessible. In this talk, I will break down some of Svelte's a11y warnings, the user experiences they impact, and how to solve them.
Do you find Svelte's a11y warnings get in your way? They're actually part of a greater mission shared by nations around the world to make the digital web universally accessible. In this talk, I will break down some of Svelte's a11y warnings, the user experiences they impact, and how to solve them.
Today we'll navigate the chilly landscape of SvelteKit adapters, akin to the snowy components on a glowing logic board. The stream will focus on building a custom adapter for WinterJS, demonstrating how to gear up your SvelteKit app for the winter of the web world. Bundle up for an insightful session on SvelteKit adaptation!
Today we'll navigate the chilly landscape of SvelteKit adapters, akin to the snowy components on a glowing logic board. The stream will focus on building a custom adapter for WinterJS, demonstrating how to gear up your SvelteKit app for the winter of the web world. Bundle up for an insightful session on SvelteKit adaptation!
Join us as we dive into an engaging conversation with Thomas G. Lopez, the brains behind the popular UI library in the Svelte ecosystem, MeltUI. Thomas shares his journey in web development, moving from Vue to React, and ultimately finding his passion in Svelte. Discover the unique challenges and triumphs he experienced while creating MeltUI and becoming a Svelte ambassador.
Join us as we dive into an engaging conversation with Thomas G. Lopez, the brains behind the popular UI library in the Svelte ecosystem, MeltUI. Thomas shares his journey in web development, moving from Vue to React, and ultimately finding his passion in Svelte. Discover the unique challenges and triumphs he experienced while creating MeltUI and becoming a Svelte ambassador.
When people hear metaframework, the first thing they think of is usually SSR. However, SvelteKit also supports other rendering strategies like CSR and prerender. As the recommended way to build any Svelte app, is it going to offer the best DX for all its use cases? In this talk I'll share my experience and tell you what's good, what's bad, and what's awesome about building SPAs with Sveltekit.
When people hear metaframework, the first thing they think of is usually SSR. However, SvelteKit also supports other rendering strategies like CSR and prerender. As the recommended way to build any Svelte app, is it going to offer the best DX for all its use cases? In this talk I'll share my experience and tell you what's good, what's bad, and what's awesome about building SPAs with Sveltekit.
Ben McCann, one of the creators of SvelteKit, discusses the significant advancements in handling images on the web, particularly focusing on SvelteKit's new feature, Enhanced Image. This tool is designed to tackle the common challenges faced by web developers regarding image optimization.
Ben McCann, one of the creators of SvelteKit, discusses the significant advancements in handling images on the web, particularly focusing on SvelteKit's new feature, Enhanced Image. This tool is designed to tackle the common challenges faced by web developers regarding image optimization.
00:50 Changelog - SvelteKit Svelte 4.2.7, 5.0.0-next.10 06:40 Quick Facts - automatic typing in SvelteKit with Svelte 5 07:43 Community Showcase - Svelte UX by Sean 53:15 Q&A - Socket.IO in SvelteKit by Stanislav
00:50 Changelog - SvelteKit Svelte 4.2.7, 5.0.0-next.10 06:40 Quick Facts - automatic typing in SvelteKit with Svelte 5 07:43 Community Showcase - Svelte UX by Sean 53:15 Q&A - Socket.IO in SvelteKit by Stanislav
An overview of the Svelte Devtools browser extension
An overview of the Svelte Devtools browser extension
Today we chat with Geoff Rich about View Transitions. We explore what you can do with them, how to use them and much more. Can it be used with SvelteKit? Yes! Dive in and get all the tips!
Today we chat with Geoff Rich about View Transitions. We explore what you can do with them, how to use them and much more. Can it be used with SvelteKit? Yes! Dive in and get all the tips!
Paraglide-JS comes with two main innovations that make Paraglide JS the simplest, most efficient, and typesafe i18n library for SvelteKit. 1. A compiler (sounds familiar?) emits message functions instead of key-value runtime lookup logic. 2. The message functions are tree-shakable, leading to auto optimization by the bundler. Library link: https://inlang.com/m/gerre34r/library-inlang-paraglideJs
Paraglide-JS comes with two main innovations that make Paraglide JS the simplest, most efficient, and typesafe i18n library for SvelteKit. 1. A compiler (sounds familiar?) emits message functions instead of key-value runtime lookup logic. 2. The message functions are tree-shakable, leading to auto optimization by the bundler. Library link: https://inlang.com/m/gerre34r/library-inlang-paraglideJs
Yeoman generator generating a boilerplate Svelte.js app
Yeoman generator generating a boilerplate Svelte.js app
This talk aim to help you navigate around the world of progressive enhancement without sacrificing the experience of the users that do not have Javascript.
This talk aim to help you navigate around the world of progressive enhancement without sacrificing the experience of the users that do not have Javascript.
Overview of Svelte ecosystem updates: Sapper performance improvements and merged pull requests, MDX as Svelte components, Svelte REPL integration for blogs, and Svelte Actions RFCs. Community and tooling highlights: Front End Masters Svelte course, global Svelte meetups and OS Awards nomination, production use examples and the New Kingdom Hearts site, Pancake JS graphing library and GunDB Svelte support, new projects like Jungle JS and a Unicode lookup app, and personal ergonomics and Hey email service recommendations.
Overview of Svelte ecosystem updates: Sapper performance improvements and merged pull requests, MDX as Svelte components, Svelte REPL integration for blogs, and Svelte Actions RFCs. Community and tooling highlights: Front End Masters Svelte course, global Svelte meetups and OS Awards nomination, production use examples and the New Kingdom Hearts site, Pancake JS graphing library and GunDB Svelte support, new projects like Jungle JS and a Unicode lookup app, and personal ergonomics and Hey email service recommendations.
This week we had the pleasure of speaking with the creator of Svelte, Rich Harris (https://twitter.com/rich_harris) . The topics of the podcast can be seen below but first we have a big announcement! (https://svelte.dev/blog) TypeScript support for Svelte is finally, officially here! (https://svelte.dev/blog/svelte-and-typescript) Hallelujah!
This week we had the pleasure of speaking with the creator of Svelte, Rich Harris (https://twitter.com/rich_harris) . The topics of the podcast can be seen below but first we have a big announcement! (https://svelte.dev/blog) TypeScript support for Svelte is finally, officially here! (https://svelte.dev/blog/svelte-and-typescript) Hallelujah!
This week we had the pleasure to be joined by Amelia Wattenberger (https://wattenberger.com) . Amelia is a journalist-engineer working at The Pudding (https://pudding.cool) where she builds stuff using, among other things, Svelte! We talk about Svelte, D3, React and loads of fun stuff. Enjoy!
This week we had the pleasure to be joined by Amelia Wattenberger (https://wattenberger.com) . Amelia is a journalist-engineer working at The Pudding (https://pudding.cool) where she builds stuff using, among other things, Svelte! We talk about Svelte, D3, React and loads of fun stuff. Enjoy!
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!
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!
In this very first episode of the Svelte Radio show check out what has been happening the last week in Svelteworld.
In this very first episode of the Svelte Radio show check out what has been happening the last week in Svelteworld.