How do I create a mixin in TypeScript?

How do I create a mixin in TypeScript?

To create a mixin in TypeScript, you can define a function that takes a class as an argument and returns a new class that extends it.

Can you show me an example of a mixin?

Sure! Here's a simple example:

function Timestamped<T extends new (...args: any[]) => {}>(Base: T) {
    return class extends Base {
        timestamp = new Date();
    };
}

class User {
    constructor(public name: string) {}
}

const TimestampedUser = Timestamped(User);
const user = new TimestampedUser('Alice');
console.log(user.timestamp);

What are the benefits of using mixins?

Mixins allow you to compose classes with shared behavior without using inheritance, promoting code reuse and flexibility.

Are there any limitations to using mixins?

Yes, mixins can lead to complexity and potential naming conflicts, so it's important to use them judiciously.