April 3rd, 2024 × #webdev#javascript#UI
UI Components: ShadCN, Tailwind UI, Headless, React Aria, Radix UI
This episode covers different categories of UI component libraries for building web apps, from low-level headless utilities to full featured design systems. Key factors in choosing a UI library are functionality, accessibility, styling, and ability to adapt the components.
Wes Bos Host
Scott Tolinski Host
Scott and Wes explore UI Components, discussing functionality, styling, accessibility, and theming. From headless components to styled starters, they share valuable insights to elevate your UI game.
Show Notes
- 00:00 Welcome to Syntax!
- 02:39 We're on YouTube.
- 03:14 The four categories of UI libraries or frameworks.
- 03:46 What does a UI component need to do?
- 10:05 A few common UI components.
- 10:14 Date Pickers.
- 12:10 Dropdowns.
- 13:21 Toast message.
- Svelte French Toast
- 15:11 Some honorable mentions.
- 16:10 Headless components.
- 26:00 Unstyled components.
- 38:23 What's up with Google's design?
- 40:22 Styled Starters.
- 47:50 What is the process for overriding with custom elements.
- 51:10 UI Kits and Design Systems.
- 53:06 Some things to consider.
- JS Nation
- 55:41 A few more options to consider.
- 59:02 Sick Picks & Shameless Plugs.
Sick Picks
- Wes: Battery Daddy
- Scott: Lazy Susan, Rechargeable Batteries, Charger
Shameless Plugs
- Scott: Syntax on YouTube
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
