“Thank you very much for sharing your insights. Over the past year and a half, I’ve been diligently coding and creating my own components from scratch. This methodical approach has helped me gain a solid understanding of the underlying principles. Now, I feel confident discussing the topics you’ve covered, and it’s incredibly satisfying. The instructional video you provided played a crucial role in advancing my expertise. I’m truly grateful for this valuable learning resource, and I’m excited to explore more complex subjects. Once again, thank you for helping me progress on my learning journey.” 😊
This is cool, I've listened for years but never saw video. You've done it very well with the camera angles. Do you also have a forward facing camera so it feels like you're looking directly at each other, it sure looks that way. Cheers ☘️
Oh is it a hat that's different? I thought "wow, Scott looking super sharp" but couldn't place the change. In any case, very positive initial impression over past videos FWIW!
28:07 - Why I love web components and custom elements so much. They essentially work everywhere. You really don’t even need to build things in web components per se, but maybe wrap in a WC (like I do with svelte-retag) to get the full power of both worlds, i.e.: Your favorite framework (Svelte in my case) and pluggable as little islands anywhere that WC’s are used, which these days with browser standards, is basically anywhere. It’s a great for very basic components, but also awesome as a “portal” to bridge the gap between all sorts of technologies. ♥️
I will throw the Quasar in the loop. Besides the components it gives you the whole dev experience for vue developers. Copilations to PWA, Mobile etc. build-in. I use it for everything even when I am not using the components themselves.
Accessibility is such a huge part of it though, too (even with those easy toast pop-ups). Blind users need a way to know that the message just came up and to easily dismiss it!
One of the worst cases of "just grab the UI kit's default date picker" was a birthday picker that started at a recent date and the user could only change to the previous month. Mind you, this was for signing up with a program that was primarily targeting seniors, so it took almost everyone hundreds of clicks.
And here I am, still using Bootstrap. To be honest, I tried various css libraries and component kits but won't switch until something 10 times better comes out.
@@syntaxfm at eBay I’m known as “the web component” guy, I keep bringing it up. We’re big on Marko, React and Svelte but I’m out there pushing web components since my particular site is very PHP heavy 😅. I’m glad you guys touched so much on WC’s and custom elements for sure, since it allows for so much more reuse (at least at the library level, particularly UI libraries) across whatever framework you happen to be using… if any!
@@syntaxfm … especially with Enhance WASM coming out, looking to optimize SSR of _web components_ using web assembly, which would make it far easier to do it in PHP, Ruby, Java, etc. Exciting times.
Thanks for the mention to VerveUI guys ✨
“Thank you very much for sharing your insights. Over the past year and a half, I’ve been diligently coding and creating my own components from scratch. This methodical approach has helped me gain a solid understanding of the underlying principles. Now, I feel confident discussing the topics you’ve covered, and it’s incredibly satisfying. The instructional video you provided played a crucial role in advancing my expertise. I’m truly grateful for this valuable learning resource, and I’m excited to explore more complex subjects. Once again, thank you for helping me progress on my learning journey.” 😊
Wonderful! Thanks for this podcast from Singapore
This is cool, I've listened for years but never saw video. You've done it very well with the camera angles. Do you also have a forward facing camera so it feels like you're looking directly at each other, it sure looks that way. Cheers ☘️
Are we sure that's actually Scott? I barely recognize him without a hat. Also big fan of Radix for headless components
Oh is it a hat that's different? I thought "wow, Scott looking super sharp" but couldn't place the change. In any case, very positive initial impression over past videos FWIW!
28:07 - Why I love web components and custom elements so much. They essentially work everywhere. You really don’t even need to build things in web components per se, but maybe wrap in a WC (like I do with svelte-retag) to get the full power of both worlds, i.e.: Your favorite framework (Svelte in my case) and pluggable as little islands anywhere that WC’s are used, which these days with browser standards, is basically anywhere. It’s a great for very basic components, but also awesome as a “portal” to bridge the gap between all sorts of technologies. ♥️
Datalist is the HTML standard for select with filtering
There is shadcn svelte version too, done by the same dev behind meltUI.
he's not the same, but they work together
Svelte slots make very confusing though. Svelte 5 should improve that a lot
i could use a whole episode just on Scott's fridge system
🫡 I’ll snap some photos
I will throw the Quasar in the loop. Besides the components it gives you the whole dev experience for vue developers. Copilations to PWA, Mobile etc. build-in. I use it for everything even when I am not using the components themselves.
Accessibility is such a huge part of it though, too (even with those easy toast pop-ups). Blind users need a way to know that the message just came up and to easily dismiss it!
One of the worst cases of "just grab the UI kit's default date picker" was a birthday picker that started at a recent date and the user could only change to the previous month. Mind you, this was for signing up with a program that was primarily targeting seniors, so it took almost everyone hundreds of clicks.
And here I am, still using Bootstrap. To be honest, I tried various css libraries and component kits but won't switch until something 10 times better comes out.
Just in time as I'm building the redesign of Sentry docs 😅
Damnnnnnn no hat Scott. So glad he decided to join the receding hairline gang.
I’ve always had a big forehead but age certainly isn’t helping here - Scott
Scott looks like Mr Robot after a week of Web Dev
It’s not that frightening folks, it’s just some html and css.
This is what happens when you spend too much time in react, you become afraid of the basics.
We talked quite a bit about standards based solutions in this episode too, ie Web Component based systems
@@syntaxfm at eBay I’m known as “the web component” guy, I keep bringing it up. We’re big on Marko, React and Svelte but I’m out there pushing web components since my particular site is very PHP heavy 😅. I’m glad you guys touched so much on WC’s and custom elements for sure, since it allows for so much more reuse (at least at the library level, particularly UI libraries) across whatever framework you happen to be using… if any!
@@syntaxfm … especially with Enhance WASM coming out, looking to optimize SSR of _web components_ using web assembly, which would make it far easier to do it in PHP, Ruby, Java, etc. Exciting times.