This is why you need TypeScript type guards in Angular

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


Category:
Tutorial
Duration: 6:26
12,731 views
657

We take a look at four different approaches to dealing with potentially null values in Angular, ending in creating a generic type guard that we can use to assign a type to any object on the condition that it has no null values.

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

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

0:00 Introduction
0:15 The problem
1:01 Type assertion
1:45 Manual check
2:31 Type guard
4:23 Generic type guard

#ionic #angular

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



Other Videos By Joshua Morony


2022-11-23I built my startup with Angular... RMC Devlog #1
2022-11-16Is reactive code with RxJS too hard to test?
2022-11-09WTF is "Zone.js" and is it making your app slow?
2022-11-02RxJS made my code 5x shorter... but is it better?
2022-10-26WTF is "modern" Angular development?
2022-10-19The secret to understanding piped operators in RxJS (Advanced)
2022-10-12The hidden gotcha with async in Angular forms
2022-10-05Knowing this makes Angular typed forms WAY less awkward
2022-09-28RxJS makes everything easier (Instagram story pausable stream)
2022-09-21Why I use a view model stream for my Angular templates
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?)


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