Type guards tell TypeScript what the value really is.
function printValue(value: string | number) {
if (typeof value === "string") {
console.log(value.toUpperCase());
} else {
console.log(value.toFixed(2));
}
}Narrow Types with Type Guards
More on TypeScript
Use unknown for External Data (APIs, JSON)
unknown is safer than any. It forces you to validate the type before using it.
Recent Tips
border-box vs content-box (Box Model Made Simple)
Before mastering Flexbox or Grid, you must understand how CSS calculates size.
Use clamp() for Responsive Typography
clamp() lets text scale smoothly between a min and max size based on screen width—without media queries.