Using overlay hooks in Ionic React to display overlay components
In this short tutorial, I take you through the new Overlay Hooks that were introduced in version 5.6 of the Ionic Framework.
These new set of hooks allow us, as developers to easily show or hide overlay components in our Ionic Application such as modals, popovers, loading dialogs, alerts and more!
I take you through the blog post, what the hooks are, how to use them and show you an example using the IonToast component.
#############################
🔗 Ionic React Overlay Hooks example app
https://ionicreacthub.com/ionic-react...
🔗 Blog post announcement
https://ionicframework.com/blog/intro...
🎉 Reach out to me
/ 93alan
💙 UI Examples with Code and Live Demos
https://ionicreacthub.com
#############################
00:00 Introduction
00:40 Blog post
03:04 App example
03:43 Code example with IonToast
04:10 Display IonToast without hooks
07:44 Display IonToast with overlay hook
#ionic #capacitor #webnative #react #hooks