We're getting so close to dropping another build step, we can move the M of BEM to data-attributes but I'd still love to see native CSS concatenation in nesting.
We're getting so close to dropping another build step, we can move the M of BEM to data-attributes but I'd still love to see native CSS concatenation in nesting.
Demo showing many micro frontend ends all of which can trigger content changes in another micro frontend thanks to a shared singleton pattern
Another day another demo. I've been continuing my defence of the singleton pattern this time by showing how it can be used to allow communication between several micro frontends (though single-spa).
Demo:
link2twenty.github.io/multi-framew...
Source:
github.com/link2twenty/...
The post this was for is now out, it's a little controversial.
dev.to/link2twenty/...
React singletons get a bad rap, but most of that "messiness" was just a lack of a clean connection to the render cycle.
But it turns out that when you use the platform instead of fighting it, the singleton isn't the villain of the story.
dev.to/link2twenty/...
Demo of toast system in react
Working on a demo for my next post. The post isn't actually about toasts but I needed to build a basic toast system for it.
codesandbox.io/p/sandbox/to...
It's just a font and some premade backgrounds, no AI. Doesn't mean they didn't use AI to make the source code but you're not using AI when you use the tool.
Just had a peak at the source code, it's not AI. Just a font and some premade backgrounds.
+1 for deckle
The native EventTarget is a hidden gem, but its TypeScript support is a bit of a "black box". Iโve put together a small wrapper to get a 100% type-safe event bus with zero runtime overhead.
dev.to/link2twenty/...
I'm often asked why you would use a JS library like React Aria for modals instead of the HTML <dialog> element, so I wrote up a detailed response. One of the main features of <dialog> (top layer) is also one of its weaknesses.
github.com/adobe/react-...
I wrote an article a while ago expressing similar concern/frustration
dev.to/link2twenty/...
Are you gonna be back on the podcast scene at some point? Sorry if you've already said I might've missed something ๐
I'd be interested in seeing how the Hamburg Declaration and HVDC green links will change the map.
I was drawn to the book collection too ๐
There are a few things conventional wisdom has taught us to do when making an Express microservice but let's break the rules and see where we end up.
dev.to/link2twenty/...
#javascript #nodejs #devcommunity
What in the Richard Osman is happening here ๐
Honestly, I'm surprised <br> wasn't your breaking point...
I'm always glad to use less JS but I still think top-layer isn't quite ready for the mainstream and until it is not many people will embrace it.
My thoughts if you're interested, though I wrote it a while ago now.
dev.to/link2twenty/...
How do you solve the top layer ordering and incorrect inert issues?
I have some thoughts and a JS solution but I'm always looking for other ideas ๐
Here's a post I wrote about it all a little while back.
dev.to/link2twenty/...
Would be interested in seeing some sort of anonymised data when you've got your results in.
The extension if you're interested
addons.mozilla.org/en-US/firefo...
Does Firefox have any PWA install capabilities? I think you need an extension to get standalone installs, though could be wrong.
I guess my question is more around PWA standalone installs in general, it feels like only Chrome takes them seriously, though I know this is self interest on their part.
@jakearchibald.com Hi, do you think firefox will reconsider their decision about supporting beforeinstallprompt? I'd love to see this in the spec (and I'm sure other PWA advocates would too) but with Apple and Mozilla saying no I guess it won't go anywhere.
Do you think WebXR is mature enough for this yet? MDN still marks it as experimental so I'd guess not? ๐ฅฒ
This tool gives you a nice table of passes based on size and weight.
www.achecks.org/apca-accessi...
I was expecting @css-only.dev to be getting in on this too.
I had a quick play but I couldn't get the diffraction working
codepen.io/Link2Twenty/...
I might have a play with base-ui over the weekend and see how it compares. From a quick glance it looks like it's very similar to Radix but may supersede it if it keeps up momentum. Definitely one to watch.
We're pretty heavily into radix, do you think it's still worth looking into? I see they seem to have quite similar DX.
I wrote a post a while ago about how frustrating the whole top layer situation is.
At the bottom of the post I share a snippet of some stuff you can do do make it play nice together but it's still not perfect.
dev.to/link2twenty/...
Classic moon "it always has been" meme with the text changed to Person 1: My comics can finally be 4k Person 2: They always have been