/TypeScript/Mixins with parameters typescript

Mixins with parameters typescript

// Utility types:

type GetProps<TBase> = TBase extends new (props: infer P) => any ? P : never
type GetInstance<TBase> = TBase extends new (...args: any[]) => infer I ? I : never
type MergeCtor<A, B> = new (props: GetProps<A> & GetProps<B>) => GetInstance<A> & GetInstance<B>


// Usage:
// bypass the restriction and manually type the signature
function GeometryMixin<TBase extends MixinBase>(Base: TBase) {
  // key 1: assert Base as any to mute the TS error
  const Derived = class Geometry extends (Base as any) {
    shape: 'rectangle' | 'triangle'
    constructor(props: { shape: 'rectangle' | 'triangle' }) {
      super(props)
      this.shape = props.shape
    }
  }

  // key 2: manually cast type to be MergeCtor
  return Derived as MergeCtor<typeof Derived, TBase>
}

Source: stackoverflow.com

Similar codes

0 vote306 views1 answer
Error: running homebrew as root is extremely dangerous and no longer supported. as homebrew does not drop privileges on installation you would be giving all build scripts full access to your system.
TypeScript
21 votes319 views2 answers
Voting results 2020 live
TypeScript
0 vote326 views1 answer
The react-scripts package provided by Create React App requires a dependency: [1] [1] "webpack": "4.42.0"
TypeScript
1 vote293 views1 answer
Const vs readonly ts
TypeScript
0 vote306 views1 answer
Typescript date set time end of day
TypeScript
-1 vote360 views1 answer
Top data scientists in the world
TypeScript
0 vote324 views1 answer
Name all the elements of set Red. Use the proper set notation.
TypeScript
1 vote322 views3 answers
Typescript range
TypeScript
25 votes308 views4 answers
Filter typescript
TypeScript
0 vote297 views1 answer
For loop of unlimited inputs python
TypeScript