Can I Create A Complete Toast Notification Library (Дата оригинальной публикации: )
Toast messages are one of the more common styles of messages to add to your application, but it can be pretty tricky to implement all of the necessary features. In this video I will attempt to create my very own toast library based on the React-toastify library. This is a large projects, but is also incredibly fun to work on and a great overall project.
📚 Materials/References:
GitHub Code:
React Toastify Library:
ES6 Modules Video:
ES6 Modules Article:
🌎 Find Me Here:
My Blog:
My Courses:
Patreon:
Twitter:
Discord:
GitHub:
CodePen:
⏱️ Timestamps:
00:00:00 - Introduction
00:01:52 - CSS
00:09:41 - JavaScript Setup
00:14:05 - Add/Remove Toast
00:19:35 - autoClose Option
00:23:35 - Update Function
00:25:48 - onClose Option
00:27:29 - canClose Option
00:33:48 - CSS Animations
00:43:10 - Progress Bar
00:53:38 - pauseOnHover Option
01:16:06 - pauseOnFocusLoss Option
#ToastNotification #WDS #JavaScript