DEV Community

Cover image for moar-sarcasm plz: A tOtAlLy NeCeSsArY  web components tutorial
Bryan Ollendyke
Bryan Ollendyke

Posted on


moar-sarcasm plz: A tOtAlLy NeCeSsArY web components tutorial

Banner Image from TheSpongeMock on twitter

The world needs more sarcasm.... Oops... sorry, I just realized that this is not funny to you because you can't see the intonation in my voice as I type. Hold on (takes 17 minutes). Ok this is much better...

Demo pen

Video of how I made this

Great, NOW I can appropriately troll with minimal effort. If this VanillaJS element doesn't make you smile then... I don't care, it was still fun and provides a great example of baking complex functionality into a small web component with ZeRo DePeNdEnCiEs.


Top comments (0)

11 Tips That Make You a Better Typescript Programmer


1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields


Read the whole post now!