How to handle modals "declaratively/reactively" with Angular (and is it any better?)

Channel:
Australia Joshua Morony
Subscribers:
81,900
Published on ● Video Link: https://www.youtube.com/watch?v=vh4WLrqGPEQ


Category:
Tutorial
Duration: 10:40
5,108 views
137

In this video, we take a look at two ways to handle coding the same modal in an Ionic and Angular application - one declarative and one imperative. The imperative example mostly utilises writing logic in the component's class, whereas the declarative example utilises properties on the component in the template.

Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076

Learn Angular with Ionic: https://ionicstart.com

Source code: https://github.com/joshuamorony/ionic-declarative-modal

0:00 Simple Imperative Example
1:29 Simple Declarative Example
4:01 Simple Comparison
4:37 Advanced Declarative Example
7:30 Advanced Imperative Example
8:52 Conclusion

More on imperative vs declarative: https://youtu.be/Fr9e9Fo6iMw
More on the Quicklists app: https://youtu.be/CGRQLBa6FRk

#ionic #angular #rxjs

- More tutorials: https://eliteionic.com
- Follow me on Twitter: https://twitter.com/joshuamorony



Other Videos By Joshua Morony


2022-09-14This is why you need TypeScript type guards in Angular
2022-09-07I created the perfect playground for Angular
2022-08-31How I published the WORST Angular component library
2022-08-24Let me show you my secret RxJS playground
2022-08-17This random PR taught me how to strongly type my generic Angular component
2022-08-10Why does Angular always complain about null values?!
2022-08-03ngTemplateOutlet is WAY more useful than I realised
2022-07-27I only ever use *these* RxJS operators to code reactively
2022-07-20A simple approach to displaying form validation messages in Angular
2022-07-13The steps I use for a professional Firebase set up with Emulators in Angular
2022-07-06How to handle modals "declaratively/reactively" with Angular (and is it any better?)
2022-06-29Why use OnPush in Angular? Not for performance...
2022-06-22Why I finally decided to use Single File Components in Angular
2022-06-15What I learned from this crazy RxJS stream in my Angular app
2022-06-08A tip to make your Angular navigations more reactive
2022-06-01How far have I come in 5 years of Angular development?
2022-05-18Take charge of your Nx workspace (adding Ionic to an Angular app manually)
2022-05-11Making route params easier with reactive coding
2022-05-04The easy way to handle ASYNC PIPE errors reactively
2022-04-27What building with TDD actually looks like
2022-04-20Should we really NEVER subscribe in Angular apps?


Tags:
ionic
tutorial
tutorials
ionic tutorials
ionic framework
coding
coding tutorials
angular
angular tutorials
cordova
cordova tutorials
capacitor tutorials
mobile
mobile apps
apps
html5
ios
android
native
hybrid
pwa
web apps
progressive web applications
programming
ionic 5
react
stenciljs
stencil
performance
ui
ux
animations
screencast