May 29th, 2024 × #Web Development#JavaScript#UI/UX
Components We Need on Every Project
Scott and Wes discuss common components they use across projects such as navigation, headers, toasts, auth forms, admin tables, markdown renderers, icon components, and more.
Wes Bos Host
Scott Tolinski Host
In today's episode, Scott and Wes dive into the essential components they need on every web project, discussing whether to build them from scratch or leverage existing libraries—everything from navigation bars and modals to toast messages and icons.
Show Notes
- 00:00 Welcome to Syntax!
- 01:48 Brought to you by Sentry.io.
- 02:53 Nav / Mobile Nav.
- 08:43 Header.
- 10:41 Toast message.
- 18:51 Portal.
- 21:02 Drawer.
- 22:56 Auth forms.
- 28:49 Dialog / Modal.
- 31:30 Whats the difference between popover and dialog?
- 33:48 Confirm.
- 35:46 Bonus tip on becoming a better developer.
- 36:29 Admin menu.
- 37:51 Scott's package directory rant.
- 40:26 Mobile only / Desktop only.
- 40:41 Client only.
- 40:57 Admin table.
- 41:23 The dump.
- 43:39 Share / Social links.
- 45:44 Markdown renderer.
- 45:58 Tabs.
- 46:08 User menu.
- 46:18 Icon.
- 48:07 Loading.
- 49:21 Drop-down menu.
- 49:31 Accordion.
- 52:13 Sick Picks + Shameless Plugs.
Sick Picks
- Scott: Supercommunicators.
- Wes: Klack, Mech Vibes.
Shameless Plugs
- Scott: Syntax on YouTube.
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
