DEV Community

Cover image for :nth-child builder in a Web Component
Danny Engelman
Danny Engelman

Posted on • Edited on

:nth-child builder in a Web Component

#webcomponents #javascript #webdev

Just a quick prototype.

It is more about the source code than the visual result

Better viewed at: https://nth-children.github.io

<nth-children cellcount="20" smile="🤪" columns="5"></nth-children>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

DEV Community

11 Tips That Make You a Better Typescript Programmer

typescript

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!