Check out example codes for "typescript if then shorthand". It will help you in understanding the concepts better.

Code Example 1

const answer = x > 10 ? "greater than 10" : "less than 10";

Code Example 2

const x = true;
var result = x === true ? "passed" : "failed";

//Explanation
//var 1.result = 2.x 3.=== 4.true 5.? 6."passed" 7.: 8."failed";
//1.result
//2.left side of if statement
//3.if statement operator
//4.right side of if statement
//5.shorthand then operator
//6.if true the result will be "passed"
//7.shorthand else operator
//8.if false the result will be "failed"

Code Example 3

let startingNum = startingNum ? otherNum : 1
// can be expressed as
let startingNum = otherNum || 1

// Another scenario not covered here is if you want the value 
// to return false when not matched. 
//The JavaScript shorthandfor this is:
let startingNum = startingNum ? otherNum : 0
// But it can be expressed as
let startingNum = startingNum && otherNum

Learn ReactJs, React Native from akashmittal.com