UI Components: ShadCN, Tailwind UI, Headless, React Aria, Radix UI

Поділитися
Вставка
  • Опубліковано 2 жов 2024

КОМЕНТАРІ • 29

  • @glatocha
    @glatocha День тому

    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.

  • @noccer
    @noccer 6 місяців тому +2

    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 ☘️

  • @studiousllama4776
    @studiousllama4776 6 місяців тому +6

    Are we sure that's actually Scott? I barely recognize him without a hat. Also big fan of Radix for headless components

    • @Ahheck01
      @Ahheck01 6 місяців тому +1

      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!

  • @sueaustin6261
    @sueaustin6261 5 місяців тому

    i could use a whole episode just on Scott's fridge system

    • @syntaxfm
      @syntaxfm  5 місяців тому +1

      🫡 I’ll snap some photos

  • @rrd_webmania
    @rrd_webmania 6 місяців тому +2

    Datalist is the HTML standard for select with filtering

  • @stefansdev
    @stefansdev 6 місяців тому +3

    There is shadcn svelte version too, done by the same dev behind meltUI.

    • @abdellahcodes
      @abdellahcodes 6 місяців тому +1

      he's not the same, but they work together
      Svelte slots make very confusing though. Svelte 5 should improve that a lot

  • @bstoynov
    @bstoynov Місяць тому

    Scott looks like Mr Robot after a week of Web Dev

  •  6 місяців тому +1

    Thanks for the mention to VerveUI guys ✨

  • @erics2133
    @erics2133 2 місяці тому

    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.

  • @patricknelson
    @patricknelson 5 місяців тому

    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. ♥️

  • @patricknelson
    @patricknelson 5 місяців тому

    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!

  • @MyBaBB
    @MyBaBB 4 місяці тому

    “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.” 😊

  • @MatthewKennedyUK
    @MatthewKennedyUK 5 місяців тому +1

    It’s not that frightening folks, it’s just some html and css.

  • @brokeloser
    @brokeloser 6 місяців тому +1

    Damnnnnnn no hat Scott. So glad he decided to join the receding hairline gang.

    • @syntaxfm
      @syntaxfm  6 місяців тому

      I’ve always had a big forehead but age certainly isn’t helping here - Scott

  • @zisra
    @zisra 6 місяців тому

    Wonderful! Thanks for this podcast from Singapore

  • @abdellahcodes
    @abdellahcodes 6 місяців тому

    Just in time as I'm building the redesign of Sentry docs 😅

  • @MatthewKennedyUK
    @MatthewKennedyUK 5 місяців тому +1

    This is what happens when you spend too much time in react, you become afraid of the basics.

    • @syntaxfm
      @syntaxfm  5 місяців тому +1

      We talked quite a bit about standards based solutions in this episode too, ie Web Component based systems

    • @patricknelson
      @patricknelson 5 місяців тому

      @@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!

    • @patricknelson
      @patricknelson 5 місяців тому +1

      @@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.

  • @gofudgeyourselves9024
    @gofudgeyourselves9024 6 місяців тому

    Ok