Hasty Treat - Enums in JS (GraphQL and Typescript)

<p class="has-line-data" data-line-start="7" data-line-end="8">In this Hasty Treat, Scott and Wes talk about enums in JS — what they are, what they do, and how they work in JavaScript.</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "LogRocket__Sponsor_9" name="LogRocket__Sponsor_9"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Show_Notes_12" name="Show_Notes_12"></a>Show Notes</h2> <p class="has-line-data" data-line-start="14" data-line-end="15"> 03:11 - What are enums?</p> <ul> <li class="has-line-data" data-line-start="15" data-line-end="16">A type restricting variables to one value from a predefined set of constants</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> Direction = UP / DOWN / LEFT / RIGHT</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> Role = ADMIN EDITOR AUTHOR VIEWER</li> <li class="has-line-data" data-line-start="18" data-line-end="20"> Day of the Week</li> </ul> <p class="has-line-data" data-line-start="20" data-line-end="21"> 05:12 - In GraphQL</p> <ul> <li class="has-line-data" data-line-start="21" data-line-end="22"> enum Role { ADMIN EDITOR AUTHOR VIEWER}</li> <li class="has-line-data" data-line-start="22" data-line-end="24"> Then</li> </ul> <p class="has-line-data" data-line-start="24" data-line-end="25"> 07:05 - In TypeScript</p> <ul> <li class="has-line-data" data-line-start="25" data-line-end="27"> First, declare the type: <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> enum direction = { UP, DOWN, LEFT, RIGHT }</li> </ul> </li> <li class="has-line-data" data-line-start="27" data-line-end="30"> Then when you defi