Myvideo

Guest

Login

Can I Create A Complete Toast Notification Library (Дата оригинальной публикации: )

Uploaded By: Myvideo
1 view
0
0 votes
0

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

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later