Pavel Grinchenko

We dropped 100 KB (brotli) from our customer @astrodotbuild marketing site. How? We replaced React + Ark UI with native Web Components. And built a tiny framework to make it painless: psd-coder.github.io/nanotags

Is there anyone who wants to review this?😅github.com/oven-sh/bun/pu…

@Devgru @heyhey I think it does. It's also 37signals' product and they love this stack.

@psd_coder this problem is also affecting @heyhey, but not sure whether it's also using Stimulus

At Evil Martians, we migrated our Trello boards to self-hosted Fizzy, and I noticed that it doesn’t handle hotkeys in non-Latin keyboard layouts properly. I prepared PR 3 months ago: github.com/hotwired/stimu…, but I haven’t seen any reaction from the maintainers since. Is Stimulus dead?

Chrome started downloading a 4 GB LLM model file without asking thatprivacyguy.com/blog/chrome-si… It seems this is the breaking point for me. I’ve tolerated Chrome for a long time while everybody around me was choosing another browser. Developers like to call Safari the new Internet Explorer (me too, guilty), but now it seems the real IE is Chrome. They do whatever they want. It feels like it’s finally time to look for an alternative. I know, I’m a slowpoke.

If you’re building Web Components for Astro, especially with Client Router, be ready for these edge cases. nanotags.psdcoder.dev handles them out of the box.

One thing I really wanted to avoid was manual cleanup. No removeEventListener, no unsubscribe calls. Every ctx.on, ctx.effect, and ctx.bind automatically registers a cleanup function. When the component disconnects, everything is cleaned up for you. But sometimes manual cleanup is unavoidable, so there’s also ctx.onCleanup for custom teardown logic.

Web Components seem straightforward until they aren’t. Here are some non-obvious problems I hit while building nanotags.psdcoder.dev for an Astro site.

I’ve added a color saturation axis for those who needed more customization in astro-pigment.psdcoder.dev, and the color picker now copies values to the clipboard. Just paste them into the config.

Check it out if you want to make your Astro website visible to LLMs!

@vmelnikova_en Shawarma! 😅 It contains fresh vegetables, meat, and carbs! Balanced meal!

What are your guys’ favorite recipes to make at home? I’m looking for inspo: healthy lunches and dinners, lots of protein, lots of fiber, delicious

Have you ever wondered why movies are filmed at 24 fps? And why our displays were initially 60 Hz/50 Hz? Why is television filmed at different frame rates than movies? And why might that content look blurry on modern TVs? And how does exposure time affect the picture, besides the amount of light? I stumbled upon a video explaining this: youtube.com/watch?v=CFol4H…

Here we go again...

Oh, I’ve waited for this for so long! Finally, you won’t need to specify sizes for images below the fold!

@juliknl I meant that we have to take it into consideration. React market is much bigger than the other ones: more developers, more solutions, etc. We can't ignore it. But it also doesn't mean that we shouldn't try another approaches.

@psd_coder "Like it or not" is certainly not a life principle that gets me out of bed every morning 😂

What if your marketing site doesn’t need React? I migrated an Astro site from React to native Web Components, cut 100 KB of JavaScript, kept the same functionality, and extracted the patterns into a tiny library called nanotags. Meet new article: evilmartians.com/chronicles/fro…

@KeeganKB @evilmartians @astrodotbuild I wish Web Components API was more handy too!

@evilmartians @astrodotbuild @psd_coder Wow, this is awesome work! In my personal projects I'm using web components with turbo/stimulus (hotwire) and finding the dx to be a great improvement over what I use professionally (at least as a solo dev). Hoping we see more of this and put the spotlight on web components.

We migrated an @Astrodotbuild site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, and a tiny library called nanotags that makes Custom Elements enjoyable to write. @psd_coder explains how we did it: evilmartians.com/chronicles/fro…