Syntax - Tasty Web Development Treats
User Feedback UI - Toasts, Flash, Validation
Jul 24, 2023 · 37 min
0:00-37:53
Streams straight from the publisher. podnod never proxies or re-hosts episode audio.
In this Hasty Treat, Scott and Wes talk about toast messages for validation, errors, confirmations, and more.
Show Notes- 00:24 Welcome
- 01:04 Why use these types of notifications
- 03:34 Old school checking stories
- 05:35 What kinds of toast messages are there?
- 10:02 Why toast?
- 11:38 Best practices for toast messages
- 17:09 Timeouts and manual close auto close
- 19:38 Multiple messages stacking on top of each other
- 22:56 Using a toast library
- Building a toast component
- react-hot-toast - The Best React Notifications in Town
- Real-time notification system for products | MagicBell
- 28:29 Form validation
- Form validation with HTML5 and JavaScript
- 33:36 HTML inputs
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
- Wes Bos on Bluesky
- Scott on Bluesky
- Syntax on Bluesky
Building a toast component
web.devreact-hot-toast - The Best React Notifications in Town
react-hot-toast.comForm validation with HTML5 and JavaScript
freecodecamp.orgScott’s Instagram
instagram.comLevelUpTutorials Instagram
instagram.comWes’ Instagram
instagram.comWes’ Twitter
twitter.comWes’ Facebook
facebook.comScott’s Twitter
twitter.com@SyntaxFM
twitter.comWes Bos on Bluesky
bsky.appScott on Bluesky
bsky.appSyntax on Bluesky
bsky.app
