moar-sarcasm plz: A tOtAlLy NeCeSsArY web components tutorial

#webcomponents #javascript #silly #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.

Resources

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

...

How I improve my skills in Typescript #5 : Satisfies operator

Code Oz - Mar 9

Top 5 JavaScript tools for Ecommerce Platforms

Shuaib Oseni - Mar 7

How To Return Different Types in TypeScript

Chris - Mar 16

A smooth underline hover effect to use!

Lens - Mar 18

DEV Community