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

Поделиться
HTML-код
  • Опубликовано: 30 окт 2024

Комментарии • 29

  • @MyBaBB
    @MyBaBB 5 месяцев назад

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

  •  7 месяцев назад +1

    Thanks for the mention to VerveUI guys ✨

  • @studiousllama4776
    @studiousllama4776 7 месяцев назад +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 7 месяцев назад +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!

  • @zisra
    @zisra 6 месяцев назад

    Wonderful! Thanks for this podcast from Singapore

  • @glatocha
    @glatocha 29 дней назад

    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 7 месяцев назад +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 ☘️

  • @patricknelson
    @patricknelson 6 месяцев назад

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

  • @erics2133
    @erics2133 3 месяца назад

    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.

  • @rrd_webmania
    @rrd_webmania 7 месяцев назад +2

    Datalist is the HTML standard for select with filtering

  • @stefansdev
    @stefansdev 7 месяцев назад +3

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

    • @abdellahcodes
      @abdellahcodes 7 месяцев назад +1

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

  • @patricknelson
    @patricknelson 6 месяцев назад

    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!

  • @sueaustin6261
    @sueaustin6261 6 месяцев назад

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

    • @syntaxfm
      @syntaxfm  6 месяцев назад +1

      🫡 I’ll snap some photos

  • @abdellahcodes
    @abdellahcodes 7 месяцев назад

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

  • @brokeloser
    @brokeloser 7 месяцев назад +1

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

    • @syntaxfm
      @syntaxfm  7 месяцев назад

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

  • @bstoynov
    @bstoynov 2 месяца назад

    Scott looks like Mr Robot after a week of Web Dev

  • @MatthewKennedyUK
    @MatthewKennedyUK 6 месяцев назад +1

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

  • @MatthewKennedyUK
    @MatthewKennedyUK 6 месяцев назад +1

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

    • @syntaxfm
      @syntaxfm  6 месяцев назад +1

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

    • @patricknelson
      @patricknelson 6 месяцев назад

      @@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 6 месяцев назад +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.