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?
04:14 Must be functional.
06:20 They must fit styling.
06:33 They must be accessible.
08:09 “Internationalizationable.“
09:29 They must handle theming and variants.
10:05 A few common UI components.
10:14 Date Pickers.
12:10 Dropdowns.
13:21 Toast message.
15:11 Some honorable mentions.
16:10 Headless components.
18:54 React Aria.
19:34 Radix UI Primitives.
20:16 Downshift JS.
21:29 Tanstack Table and Forms.
26:00 Unstyled components.
28:04 Shoelace.
32:47 React Aria Components.
33:00 Headless UI.
33:04 Radix UI.
37:12 Base UI.
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.
55:41 A few more options to consider.
59:02 Sick Picks & Shameless Plugs.
All links available at
------------------------------------------------------------------------------
Hit us up on Socials!
Scott:
Wes:
Randy: @randyrektor
Syntax:
Brought to you by
#webdevelopment #webdeveloper #javascript
1 view
73
23
5 months ago 00:01:45 1
NeoDen YY1 Pick and Place Machine-Nozzle Changer+Bulk component+BGA+SOT Place
5 months ago 11:12:21 1
Build a Duolingo Clone With Nextjs, React, Drizzle, Stripe (2024)
5 months ago 00:01:45 1
Image Zoom On Mouse Hover in Figma
5 months ago 01:39:23 1
418. DMA, Safari, заголовки, select, темы, JS в PDF, HTML, песочница в V8, CSS-миксины, Figma
5 months ago 00:02:11 2
1.6 Компоненты (Components) [Курс по фигме by UPROCK]