User Feedback UI - Toasts, Flash, Validation
In this Hasty Treat, Scott and Wes talk about toast messages for validation, errors, confirmations, and more. Show Notes Welcome Why use these types of notifications Old school checking stories What kinds of toast messages are there? Why...
Syntax - Tasty Web Development Treats · Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
July 24, 202337m 53s
Audio is streamed directly from the publisher (traffic.megaphone.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
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