A dumber way to approach loading templates in Angular

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


Category:
Tutorial
Duration: 7:16
6,856 views
355

In this video, we take a look at a nice way to have a dumb presentational component be responsible for handling its own loading state and displaying a skeleton loading 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/dumb-loading-skeletons

Async pipe and loading templates: https://www.youtube.com/watch?v=ev1yE0SYs9Y
Dumb components: https://www.youtube.com/watch?v=9QU_GzcU184

0:00 Introduction
0:52 The problem
2:00 Creating a loading template
3:40 Moving it to the dumb component
6:48 Conclusion

#ionic #angular

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



Other Videos By Joshua Morony


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?
2022-04-13What a professional Angular project looks like
2022-04-06A dumber way to approach loading templates in Angular
2022-03-30Make your own advanced form inputs in Angular
2022-03-23Don't want to go FULL NgRx? Try this...
2022-03-16Are your Angular components DUMB enough?
2022-03-09How to structure your Angular apps like a Googler
2022-03-02Can you do INFINITE scroll reactively in Angular? (no manual subscribes)
2022-02-23How to create reactive pagination (without subscribing!) | Reactive Programming with RxJS in Angular
2022-02-16How Nx made me even *more* productive
2022-02-09How to handle errors REACTIVELY with the async pipe
2022-02-02Why component store is a great default for state management in Angular
2022-01-26Just enough Vim to get by... for people who don't want to use Vim


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