Yet Another Newsletter LOL: Hamster around the world

Alright, we’re back to the regular cadence of the newsletter now that I’ve moved it over to Revue.

Another week, another newsletter. Let’s get to it!

Around the Web

You can now Tweet using the Twitter API. 🐦

Edge DevTools for Visual Studio Code 1.4.0 - Improved Screencasting, Device Emulation and live, inline issue reporting - VSCodeTips

The 1.4.0 release of the Microsoft Tools for Visual Studio Code brings a few highly requested… Tagged with debugging, browsers, extensions.

community.vscodetips.com

The disabled attribute is something I’ve been flip-flopping on a lot lately after reviewing some PRs and from what I’ve learnt from working with my awesome co-worker Suzanne.

This post from Sandrina Pereira, Making Disabled Buttons More Accessible, was a great read.

Some things that also stood out for me were these two pieces in the article.

and this one

Making Disabled Buttons More Inclusive | CSS-Tricks

Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML

css-tricks.com

If you use TypeScript or tools that are powered by TypeScript, e.g. VS Code, this is huge. TLDR; if you destructure a discriminated union type, using the destructured properties will still be type aware of which union type it was a part of. This snippet from the pull request (PR) explains it best if you don’t feel like diving into the PR

type Action =

| { kind: 'A', payload: number }

| { kind: 'B', payload: string };

function f10({ kind, payload }: Action) {

if (kind === 'A') {

payload.toFixed();

}

if (kind === 'B') {

payload.toUpperCase();

}

}

Control flow analysis for destructured discriminated unions by ahejlsberg · Pull Request #46266 · microsoft/TypeScript · GitHub

This PR implements control flow analysis for dependent parameters and variables declared by destructuring discriminated unions. Specifically, when non-rest binding elements are declared as const variables or const-like parameters (parameters for which there are no assignments in the function body) and the parent type for the destructuring is a discriminated union type, conditional checks for variables destructured from discriminant properties now affect the types of other variables declared in the same destructuring. Some examples: type Action = | { kind: ‘A’, payload: number } | { kind: ‘B’, payload: string };

function f10({ kind, payload }: Action) { if (kind === ‘A’) { payload.toFixed(); } if (kind === ‘B’) { payload.toUpperCase(); } }

function f11(action: Action) { const { kind, payload } = action; if (kind === ‘A’) { payload.toFixed(); } if (kind === ‘B’) { payload.toUpperCase(); } }

function f12({ kind, payload }: Action) { switch (kind) { case ‘A’: payload.toFixed(); break; case ‘B’: payload.toUpperCase(); break; default: payload; // never } }

function f13(it: Iterator) { const { value, done } = it.next(); if (!done) { value; // number } } Fixes #10830. Fixes #35283. Fixes #38020. Fixes #46143.

github.com

This looks like a sweet addition to the Chrome DevTools

Fun Stuff

This cracked me up. I own a hamster and I love Daft Punk. I can’t confirm, but I’m sure the little fella is OK.

1000x engineer lol

Words of Wisdom for the Week

Twitter is still a great space for folks in tech, but Angie drops a truth bomb.

Shameless plugs

Stephanie Eckles joined us on the DEV Twitch stream this week. It was so much hanging out with her. She’s put out so much amazing content like ModernCSS.dev. Check out thinkdobecreate.com to see all her body of work.

Thanks again for joining us Steph!

I’m not one to brag, but I’m really proud of what we’ve done with the DEV Twitch stream. The short story is I was streaming on my own account with folks in the community pairing on issues/live coding and as Hacktoberfest 2020 approached, I suggested that we should stream on the DEV Twitch account because it was just sitting there. And the rest is history. 😎

Shoutout again to my awesome co-host Christina!

Not a shameless plug, but I finally minted my NFT to join the Developer DAO. I had already joined the Discord but hadn’t finished the registration, i.e. the NFT.

I know not everyone is a fan of web3 or even that term, but I’m enjoying learning about the space and Developer DAO is a super welcoming community. If you want to follow my web 3 adventures, I have a series on dev.to.

web3 adventures Series' Articles - DEV Community

View web3 adventures Series’ Articles on DEV Community

dev.to

Until the next issue!