Master the differences between composition and inheritance in web development to enhance your coding skills and build more efficient applications.

Break Composition vs Inheritance

[00:00] Okay. Time for a break and a dad joke. Why don't seagulls fly over the bay? Because then they'd be bagels. And, actually, I read it before hitting record.

[00:11] It sounds better when you say it out loud. Oh, that's funny. Alright. So now is a good time for you to take a break, move your body around a little bit, get some blood flow, get water, get a snack, review what you learned, maybe write down what you learned so you remember it better, all of those good things. You earned it.

[00:30] You acquired this knowledge. You wanna hang on to it. So go ahead and do that.

Most modern JavaScript and TypeScript development leans heavily on functions and plain objects. But classes, interfaces, and inheritance aren't going away. You'll encounter them in libraries, frameworks, and codebases across the industry, and if you don't understand how they work, you'll struggle to work with the code that uses them.

The problem is that without a clear mental model, you'll misuse inheritance where composition would be simpler, skip interfaces where they'd save you from brittle coupling, and create class hierarchies that become impossible to follow three levels deep.

In this workshop, you'll learn how to build classes with proper encapsulation, implement interfaces for polymorphism, extend base classes when inheritance makes sense, and reach for composition when it doesn't.

Every section pairs the "how" with the "why," so you don't just learn the syntax, you learn when each pattern earns its place and when simpler alternatives are the better choice.

## Classes

Classes are the fundamental building block of object-oriented TypeScript. They bundle data and behavior together into a single unit-- a user has a name and email, a shopping cart has items and a total. If you've only worked with plain objects and functions, classes introduce a new way to organize your code.

In this section, you'll build classes from scratch while learning how they work under the hood:

- Creating classes with properties, constructors, and methods
- Using `new` to create instances and understanding what `this` refers to
- Initializing properties with default values instead of constructor arguments
- Making fields private with the `#` syntax to control access
- Refactoring constructors to accept an options object instead of positional arguments

## Interfaces and Classes

An interface on its own is just a shape-- a contract that says "anything claiming to be this type must have these methods." The real power shows up when multiple classes implement the same interface, because now you can write functions that accept any of them without knowing which specific class they'll get.

This section teaches you how interfaces enable polymorphism in practice:

- Defining interfaces with method signatures that classes must implement
- Using the `implements` keyword to enforce a contract on a class
- Implementing multiple interfaces on a single class
- Programming to abstractions by accepting interfaces instead of concrete classes
- Writing functions that work with any implementation of a given interface

## Inheritance and Polymorphism

Inheritance lets one class build on another. A circle is a shape. A square is a rectangle. The child class inherits everything from the parent and can override specific behavior-- like calculating area differently for each shape.

Here you'll work through the mechanics of inheritance and understand where it helps and where it hurts:

- Extending a base class with the `extends` keyword
- Forwarding constructor arguments to the parent with `super`
- Overriding methods to provide specialized behavior in child classes
- Using substitutability to pass any child class where the parent is expected
- Understanding why deep inheritance chains become difficult to maintain

## Composition vs Inheritance

Inheritance says "this thing is a that." Composition says "this thing has a that." A car isn't an engine-- it has one. The distinction matters because inheritance creates tight coupling between parent and child, while composition lets you swap out parts without rewriting the class that uses them.

This section shows you when to reach for each approach and why composition is usually the better default:

- Distinguishing "is a" relationships (inheritance) from "has a" relationships (composition)
- Injecting dependencies through constructor arguments instead of hardcoding them
- Swapping implementations at runtime by passing different objects (file logger, console logger, silent logger)
- Using dependency injection to make classes testable with mock objects
- Defaulting to composition and reserving inheritance for clear "is a" cases


Programming Foundations

Structured Data

Type Safety

Object Oriented TypeScript

Advanced TypeScript

Practical TypeScript: Foundations to Fluency

Master object-oriented principles in TypeScript, including classes, inheritance, and polymorphism, to enhance your development skills and project quality.

Intro to Object Oriented TypeScript

Introduction to Object Oriented TypeScript

Master TypeScript classes to enhance your object-oriented programming skills. Discover properties, methods, and best practices for efficient coding.

Intro to Classes

Master the fundamentals of object-oriented TypeScript by creating and implementing classes with essential properties and instances in this engaging exercise.

Class Basics

Master private fields and defaults in this exercise by creating a user class and secure bank account properties, enhancing your coding skills effectively.

Private Fields And Defaults

Boost your coding skills with effective break techniques that enhance retention and prepare you for the next challenge. Refresh and recharge your learning!

Break Classes

1. Classes

Master polymorphism with interfaces and classes, and discover how to implement multiple interfaces like flyable and swimmable in your projects.

Intro to Interfaces and Classes

Master interface implementation by creating a class that showcases its benefits, enhancing your coding skills and understanding of object-oriented design.

Implementing Interfaces

Master interface implementation and unlock powerful programming abstractions to enhance code flexibility and efficiency with this engaging exercise.

Programming To Abstractions

Master breaking interfaces and classes to enhance your coding skills, improve polymorphism understanding, and solidify your programming knowledge.

Break Interfaces and Classes

2. Interfaces and Classes

Master inheritance and polymorphism in OOP. Discover how to extend classes and override methods to create flexible, reusable code in your projects.

Intro to Inheritance and Polymorphism

Master class inheritance and polymorphism by exploring the extends keyword. Gain essential skills to elevate your coding proficiency today!

Extends

Master method overriding by exploring how shapes like circles and rectangles can redefine properties, enhancing your object-oriented programming skills.

Method Overriding 

Master polymorphism by creating a versatile media player that seamlessly plays audio and video files, enhancing your development skills.

Substitutability 

Master breaking inheritance and polymorphism in coding to enhance your programming skills, making your projects more efficient and adaptable.

Break Inheritance and Polymorphism

3. Inheritance and Polymorphism

Master the key differences between composition and inheritance in object-oriented programming to enhance your coding clarity and efficiency.

Intro to Composition vs Inheritance

Master the use of composition vs inheritance in classes. Discover when to apply has-a vs is-a relationships to enhance your coding skills.

When To Use

Master dependency injection to simplify testing and enhance your code's flexibility. Boost your development skills with this essential design pattern.

Dependency Injection (Solution)

Dependency Injection

4. Composition vs Inheritance

Celebrate your mastery of Object Oriented TypeScript, from classes to polymorphism, and get ready to build amazing projects in the digital world!

Object Oriented TypeScript

Object Oriented TypeScript

Transcript

Break Composition vs Inheritance

Transcript