Hasty Treat - Enums in JS (GraphQL and Typescript)

In this Hasty Treat, Scott and Wes talk about enums in JS — what they are, what they do, and how they work in JavaScript. LogRocket - Sponsor 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 logrocket.com/syntax. Show Notes 03:11 - What are enums? • A type restricting variables to one value from a predefined set of constants • Direction = UP / DOWN / LEFT / RIGHT • Role = ADMIN EDITOR AUTHOR VIEWER • Day of the Week 05:12 - In GraphQL • enum Role { ADMIN EDITOR AUTHOR VIEWER} • Then 07:05 - In TypeScript • First, declare the type: • enum direction = { UP, DOWN, LEFT, RIGHT } • • Then when you defined your function, use that type • type User { role: Role } or type User { role: [Role] } • 08:49 - In JavaScript • Not in JS yet • There is a proposal in stage 1 • https://github.com/rbuckton/proposal-enum • • And a babel plugin: • https://www.npmjs.com/package/babel-plugin-const-enum • • Can use case/switch • Can use Object or Map keys Links • Syntax 287: Hasty Treat - Records and Tuples in JavaScript Tweet us your tasty treats! • Scott’s Instagram • LevelUpTutorials Instagram • Wes’ Instagram • Wes’ Twitter • Wes’ Facebook • Scott’s Twitter • Make sure to include @SyntaxFM • in your tweets