Union And Literal Types

Learn to model precise alternatives in TypeScript using union and literal types, enabling safer and more expressive code.

Union And Literal Types

Learn to model precise alternatives in TypeScript using union and literal types, enabling safer and more expressive code.

Cards

10

Criteria

1 lessons, 100%

Your progress

Cards

10

Criteria

1 lessons

Your progress0%

About this deck

Discover how TypeScript enables precise type modeling through union and literal types. This deck teaches you how to represent values that can take multiple forms and how to restrict variables to specific allowed values.

Through concise explanations and interactive quiz cards, you’ll practice identifying and defining unions such as string | number and literal types like 'success' | 'error'. These concepts are fundamental for building reliable APIs, enforcing valid states, and improving code readability. Practice directly in your browser and gain confidence in expressing complex logic with TypeScript’s type system.

Varied: Highlights TypeScript’s expressive power in modeling constrained and alternative value sets, reinforcing real-world development use cases.

Coding • 10 cards • In Progress

Module

TypeScript Basics: Learn Types for Modern JavaScript

Preview cards

What does this type allow?

string or number

"draft" | "published"

string | number

literal union

What does this represent?

literal union

"draft" | "published"

string | number

"on" | "off"

What type should replace `?`?

"admin" | "user" | "guest"

string | number

literal union

"on" | "off"

Similar Decks

Explore all →

CODING

10 CARDS

Objects And Optional Fields

Learn the fundamentals of TypeScript object typing, including required properties and optional fields, through concise lessons and quizzes.

CODING

10 CARDS

Variables And Annotations

Practice adding TypeScript type annotations to variables and understand how type inference works in everyday code.

GEOGRAPHY

12 CARDS

Flags of South America

Study the national flags of South American countries with interactive flashcards designed for quick and effective learning.

GEOGRAPHY

24 CARDS

Countries of South America

Identify the countries of South America on an interactive map, strengthening your understanding of the continent’s geography.

SCIENCE

12 CARDS

Periodic Table Elements 49–60

Master elements 49–60, including post-transition metals and the beginning of the lanthanide series.

MATH

20 CARDS

Division basics

Division is the inverse of multiplication, and understanding that connection is a real "aha" moment. In this level, you'll learn the basics of division – how to split a large number into smaller, equal parts. An essential part of math.