What are your interests?
Select categories to help us recommend content for you.
Let's Go!
Close queue History
Play full episodes to fill your queue.
Fathom beta logo
   
mute button
Building Custom UI Components
episode icon Syntax - Tasty Web Development Treats
751: UI Components: ShadCN, Tailwind UI, Headless, React Aria, Radix UI
Scott and Wes explore UI Components, discussing fun... more
Apr 3 2024 1h 6m
Building Custom UI Components
Chapter 1 2 mins
Welcome to Syntax!
Chapter 2 34 sec
We’re on YouTube
Chapter 3 31 sec
The four categories of UI libraries or frameworks
Chapter 4 27 sec
What does a UI component need to do?
Chapter 5 2 mins
Must be functional
Chapter 6 12 sec
They must fit styling
Chapter 7 1 min
They must be accessible
Chapter 8 1 min
“Internationalizationable.”
Chapter 9 35 sec
They must handle theming and variants
Chapter 10 8 sec
A few common UI components
Chapter 11 1 min
Date Pickers
Chapter 12 1 min
Dropdowns
Chapter 13 1 min
Toast message
Chapter 14 58 sec
Some honorable mentions
Chapter 15 2 mins
Headless components
Chapter 16 39 sec
React Aria
Chapter 17 41 sec
Radix UI Primitives
Chapter 18 1 min
Downshift JS
Chapter 19 4 mins
Tanstack Table and Forms
Chapter 20 2 mins
Unstyled components
Chapter 21 4 mins
Shoelace
Chapter 22 12 sec
React Aria Components
Chapter 23 3 sec
Headless UI
Chapter 24 4 mins
Radix UI
Chapter 25 1 min
Base UI
Chapter 26 1 min
What’s up with Google’s design?
Chapter 27 7 mins
Styled Starters
Chapter 28 3 mins
What is the process for overriding with custom elements
Chapter 29 1 min
UI Kits and Design Systems
Chapter 30 2 mins
Some things to consider
Chapter 31 3 mins
A few more options to consider
Chapter 32 7 mins
Sick Picks & Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full