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

Tweet us your tasty treats * 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