Matheus Cardoso 🇺🇦

A TypeScript function that is one big switch statement, each case clause seemingly doing the same thing.

I take no joy reporting that this optimization boosts our type validation code performance by up to 2x.

Pro tip: Don't write your #TypeScript union types by hand, use a Type Catalog instead!

Why are Type Catalogs better?

Find out in the thread 🧵 👇

Here is another reason I like Type Catalogs.

They can easily be transformed with Mapped Types!

Full code snippet in thread 🧵👇

Dev / Build (Vite / Rolldown) • Test / Bench (Vitest) • Lint / Format (Oxc) • Documentation (Vitepress) • Run TypeScript directly in Nodejs • Project scaffolding / code generation • Monorepo task orchestration / caching

Dang if @vite.dev Plus has all this, can’t wait for Vite Plus Pro Max

Displaying a graphic of how it's not just people with permanent needs that can benefit from inclusive design, there are also temporary and situational needs. For example, someone who's deaf, vs has an ear infection, vs in a loud bar The full list, with little characters representing each is: Touch: one arm, arm injury, new parent holding a baby See: Blind, Cataract, distracted driver Hear: Deaf, ear infection, bartender Speak: non-verbal, laryngitis, heavy accent (a picture of a Viking)

Accessibility doesn't only help a small group of people. Accessibility helps everyone

Just a timeout

Sponsor @43081j on GitHub Sponsors Maintainer of chai, parse5, various eslint plugins, & more. One of the e18e.dev leads. Core contributor to lit and modernweb.

I setup my GitHub sponsors not long ago but didn't really mention it anywhere. If you appreciate what I do, these sponsorships do help a lot 🙏
My focus this year is all over like every year 😅 (e18e, chai, tinylibs, chokidar, vueuse, and much more). But I will keep on top of them all

Can't give much right now but love the work you're doing!

I appreciate it very much. I'm also curious about how to get listed as a maintainer. I'm in the package.json (linked below), but still "no maintainers found": socket.dev/npm/package/...

@socket.dev how can I fix this? 😮‍💨

It's literally vite's convention for plugins: vite.dev/guide/api-pl...

I stand with Ukraine and the truth that Russia is an invader.

Слава Україні

Setting hover state in React components is so 2013. You can set hover state with CSS variables and can skip all those JS re-renders. 🤓

All the many other problems aside, CoderByte doesn't do any sanitization of logs before it hits their "in-browser" console. Not even HTML. Yes, it will display anything, buttons, iframes, you name it, and sometimes it will crash and burn. It's funny, but sad that it's used to evaluate candidates.

End-to-End Encrypted Chat with the Web Crypto API When transmitting or storing user data, especially private conversations, it's essential to consider...

I was a big fan of dev.to ~4 years ago. I wrote and read great articles, tons of meaningful engagements, deep discussions that would help me learn and improve my writing (example linked).

I can barely find any good content there anymore, which also makes me not want to write. Also, the bugs.

This is nice, we should add something like this to Lit!

I wonder if there's an opportunity for a WCCG community protocol to use common performance markers?

Oh that’s a good point . I think there is plenty of opportunity. The lifecycle is the same (in theory) for web components frameworks. And as you can imagine, naming was the “hard part” about doing theses markers haha, I think we’re still going to rename them.

two men in suits are talking and the words we need to go deeper are on the screen ALT: two men in suits are talking and the words we need to go deeper are on the screen

This makes me want to go deeper and start contributing to Chrome DevTools itself. Time to dig through what @addyosmani.bsky.social and team are cooking :)

A page from the salesforce platform with chrome developer tools opened in the performance tab showing detailed metrics for lightning web components

This is why I love contributing to Open Source: My PR adding support for Chrome DevTools's Performance Panel Extensions is now GA in the Salesforce platform. ❤️⚡️

github.com/salesforce/l...

Helping bring Node-API to React Native 🫡

Yeah, similar thing, this story was Vienna to Paris, checkin was weirder and confusing at the time due to covid. I really took a chance flying to the other airport in Paris and taking a train to CDG, getting tested there in time. Boarding gate attendants look at me like I was a ghost.

Yeah, it varies a lot by airline and region, but in general at least calling the airline directly seems to yield the best results than talking to people at the airport. Best to try both anyway. Glad you got the refund! Enjoy Barcelona 🙏

People at the airport kept telling me I was screwed, would need to pay full price and wait days, so I had to try my luck and it worked perfectly. Lots of perplexed “how are you here?” looks at the second leg made me feel like a wizard.

If you miss the first leg of a flight you get all others cancelled, but if you manage to get a low-cost flight to get to the second leg in time, call the airline and they will uncancel them. At least it’s true for AirFrance. Dont ask any other way but by phone though.

My first time missing any flight at all was from Kyiv to São Paulo. Paid 350 euros to reschedule, no money, slept 3 days at the airport. I cried like a baby. It made me so good at not missing flights and finding alternatives when I inevitably did it again 😅

publint Lint npm packages to ensure the widest compatibility across environments

Got docs set up for publint today! A bit hard to get documentation frameworks to support SPA fallback, and I had to mix Svelte in Vue, but it kinda works. publint.dev/docs/

GitHub - publint/publint: Lint packaging errors Lint packaging errors. Contribute to publint/publint development by creating an account on GitHub.

Just randomly discovered this gem by @bluwy.me . It's exactly what I was most missing in my workflow. I can't give much right now, but I had to become a sponsor. Thank you!

I believe @pnpm.io is leading the pack in terms of out-of-the-box dependency management in monorepositories and more recently supply chain risk management. Are people getting the same benefits from modern yarn or npm? How do you set those up?

Yeah, I believe it does the right thing. I don’t remember if there’s a lint for it, probably. Also, my understanding is that code running at the top-level of the file is also kind of a describe block with similar pitfalls, but not this one in particular since you can’t .skip easily