MariusBongarts

class MyWebComponent extends HTMLElement {...}
window.customElements.define('my-web-component', MyWebComponent);

MariusBongarts

Hey there, I'm Marius 👋

• 💼 Frontend Engineer @ Accenture Song

MariusBongarts

<h1 align="center">Hey there, I'm Marius 👋</h1>

<p align="center">
<img src="https://komarev.com/ghpvc/?username=MariusBongarts&label=Profile+Views" />
</p>

<img align='right' src="https://media.giphy.com/media/M9gbBd9nbDrOTu1Mqx/giphy.gif" width="230">

- 💼 Frontend Engineer @ Accenture Song

MariusBongarts

{
    "compilerOptions": {
        "target": "es2022",
        "lib": ["es2022", "esnext.decorators", "dom"]
    }
}

MariusBongarts

Symbol.metadata ??= Symbol("Symbol.metadata");

MariusBongarts

interface Context {
    name: string;
    metadata: Record<PropertyKey, unknown>;
}

function setMetadata(_target: any, context: Context) {
    context.metadata[context.name] = true;
}

class SomeClass {

MariusBongarts

declare let array: string[] | number[];

array.filter(x => !!x);
//    ~~~~~~ error!

MariusBongarts

// ❌ error before Typescript 5.2
type MixedTupleRest = [first: string, ...string[]];

// ✅ fixed with label
type MixedTupleRestFixed = [first: string, ...rest: string[]];

MariusBongarts

// ❌ error before Typescript 5.2
type MixedTuple = [first: string, string];

MariusBongarts

type UnlabeledTuple = [string, string];