775: Components We Need on Every Project

Syntax - Tasty Web Development Treats

May 29, 2024•56 min

--:--

Listen in podcast apps:

Apple Podcasts

Spotify

Download

Listen to this episode in Metacast mobile app

Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more

Episode description

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.
- Wes’ TikTok Demo.
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.
- Scott’s YouSureAboutThat.
35:46 Bonus tip on becoming a better developer.
36:29 Admin menu.
- Level Up Tutorials - Side Menu Demo.
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.
- Syntax ShareWindow.
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.
- CSS Tricks - How to Animate the Details Element.
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

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

For the best experience, listen in Metacast app for iOS or Android