Trait vs. mixin

gistfile1.ts

// Using traits
// https://raw.githubusercontent.com/reactjs/react-future/master/01%20-%20Core/02%20-%20Mixins.js

// Chainable mixins

trait A {
	componentDidMount() {
		console.log('A');
	}
};

trait B extends A {

	static getQueries() {
		console.log('B')
	}

	componentDidMount() {
		console.log('B');
		this[A].componentDidMount(); // This will end up calling A.componentDidMount
	}
}

class C {
	import A;
	import B;

	static getQueries() {
		B.getQueries();
		console.log('C');
	}

	componentDidMount() {
		this[B].componentDidMount()
		console.log('C');
	}
}

C.getQueries(); // B, C
new C().componentDidMount(); // B, A, C


import { Component } from "react";
import { mixin } from "react-utils";

// A component that mixes in all of C's functionality

class MyComponent extends mixin(Component, C) {
	render() {
		return <div />;
	}
}

// No issues
export class C {
    import A;
    import B;

	state = {
		b: true
	}

	componentDidMount() {
	}

}