TypeScript Fundamentals × Type Narrowing, Guards, and Predicates

<p class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott talk through some TypeScript Fundamentals around type narrowing, type guards, and type predicates.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2" name="Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:24">00:24</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:40">01:40</a></strong> Rocking predicates</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=02:54">02:54</a></strong> What is a type in TypeScript?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=04:11">04:11</a></strong> Type Narrowing</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=08:18">08:18</a></strong> Type Guard</li> <li class="has-line-data" data-line-start="9" data-line-end="11"> <strong><a href="#t=16:19">16:19</a></strong> Type Predicates</li> </ul> <h2 class="code-line" data-line-start="11" data-line-end="12"> <a id="Shameless_Plugs_11" name="Shameless_Plugs_11"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="13" data-line-end="14"> Scott: <a href="https://levelup.video">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="14" data-line-end="16"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="16" data-line-end="17"> <a id="Tweet_us_your_tasty_treats_16" name= "Tweet_us_your_tasty_treats_16"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="h