Union Types in TS

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdo...
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

[@HiteshCodeLab]

Are you aware of new batch of full stack javascript bootcamp ?
hc.lco.dev/jscamp2

[@tushar207]

I have been an angular developer and worked with TS from the past 5 years, still there were a few things to take away from this video. Great work Hitesh

[@AashishKumar-vb3qb]

No one can explain union working with other data objects as perfectly as Hitesh explains in this video.

[@kiranpoojary493]

your TS videos make me powerful day by day☺

[@sagar-tt4ub]

Another great explanation almost impossible to find somewhere else

[@ShubhamVsCode]

Wow this video have so much of knowledge 😍 Learning typescript will pay later

[@HiteshCodeLab]

Absolutely

[@nobody20022]

Summary:
Union type allows a variable to hold one of several specified types. It’s denoted by using the vertical bar (' | ') between types. This is useful when you want to allow multiple types for a single value, while still maintaining some level of type safety.
Syntax: let value: string | number;

[@mohitjain4453]

You are doing great Job but please please please complete this Typescript series and provide us all the topics available in Typescript, please do not stop this Typescript series after some videos 🙏🙏

[@HiteshCodeLab]

Don’t worry, this is not my 1st public playlist. JS is done, golang is done, TS will be done too 😁

[@mohitjain4453]

Thanks Hitesh 🙂
I have purchased your Angular course and Vue JS course from LCO and also going to purchase React JS course, I love your teaching style ❤️

[@Dev-Phantom]

very informative thanks for sharing

[@HARSHKUMAR-g2d6u]

I'm like the video before watching because i know that its good video and helpful

[@LaveshGarg]

Thank you sir for providing such a quality content

[@HiteshCodeLab]

You are welcome

[@tamoghnadey]

what if we do this -
function getDBId(id: number | string) {
// console.log(`db id is ${id}`);
if (typeof id === "string") {
id.toLowerCase();
} else {
id = id.toString();
id += 1;
}
}
when we are converting id to string in the else block it still allows us to add 1 to it in the next loc
ideally we should not be able to do that, we can't add number to a string
How can we avoid that? Or is it a flaw ?

[@vivekjaiswal2422]

There are two types of data types we can mention for any variable, either lowercase (number) or uppercase(Number).
Mostly we will use lower case one,
So why can't we go for upper case?

[@kodandareddy9108]

Good one♥

[@Userkazt]

type User= {
username:string;
role:string;
}
type Admin = {
role:string;
sudo:boolean;
}
let uncleBob : User | Admin = { username: 'uncle',role:'user',sudo:false}
console.log(uncleBob)
In this case, instead of User or Admin, it has combined both types of data into one. Is this a problem?

[@ankushthakur2177]

Sir in the last.. I guess we can use Enum Type for strict checking

[@mdmostafizurrahman9275]

if i have to check
using condition then what the need of TS ?
if (typeof id === "number") {
return id + 10;
} else if (typeof id === "string") {
return id.toUpperCase();
}

[@ZizouZ5]

there's no need for else or else if check here because ts is smart enough to infer the only remaining type 'string' for the id variable

[@Maniish.pandey]

Watching it in June 2024 ❤🔥

[@YouAndImpact]

Great 👍

[@Priyanka-bd6um]

Thank you sir :)

[@arunjoshi7885]

Awesome

[@vidhan-dev]

Lets gooo

[@Dev-Phantom]

cool

[@Vikas-dm9uc]

❤❤❤❤❤❤❤

[@anuraggupta1008]

Day 2

[@greenshaheen]

never add 70% are not subscribing video during the the video it breaks the focus

[@HiteshCodeLab]

At youtube, call for subscribe is creator’s right. Don’t take such small thing away from creators. ❤️

[@greenshaheen]

@@HiteshCodeLabmy point is move it to at the start plz

[@robiul1718]

আপনারা যারা একেবারে নতুন শুদু মাত্র তাদের জন্য সহজ ভাবে (graphic design )
সবাই কে ঘুরে আসার দাওয়াত রইল। name: Graphics Robiul.
আশা করি অনেক ভালো কিছু শিখতে পারবেন।