Sign up to save your podcasts
Or
Share 775: Components We Need on Every Project
Share to email
Share to Facebook
Share to X
Share to email
Share to Facebook
Share to X
Or
775: Components We Need on Every Project
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.
- Scott: Supercommunicators.
- Wes: Klack, Mech Vibes.
- Scott: Syntax on YouTube.
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott:X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads
View all episodes
By Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
4.9
977977 ratings
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.
- Scott: Supercommunicators.
- Wes: Klack, Mech Vibes.
- Scott: Syntax on YouTube.
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott:X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads
More shows like Syntax - Tasty Web Development Treats
View all
Software Engineering Radio
271 Listeners
Hanselminutes with Scott Hanselman
383 Listeners
The Changelog: Software Development, Open Source
289 Listeners
Software Engineering Daily
625 Listeners
Talk Python To Me
585 Listeners
Soft Skills Engineering
289 Listeners
Thoughtworks Technology Podcast
43 Listeners
Python Bytes
215 Listeners
The freeCodeCamp Podcast
487 Listeners
CoRecursive: Coding Stories
190 Listeners
Practical AI
208 Listeners
The Stack Overflow Podcast
63 Listeners
The Real Python Podcast
142 Listeners
PodRocket
60 Listeners
Oxide and Friends
62 Listeners