Munawwar Firoz
munawwar.bsky.social
Munawwar Firoz
@munawwar.bsky.social
120 followers 88 following 700 posts
Web developer - HTML / CSS / JS, node.js, preact, vanilla JS, serverless, serverful, databases, IaC github.com/Munawwar | codepasta.com At Carriyo, Dubai, UAE
Posts Media Videos Starter Packs
Pinned
Announcing Preact Combobox

- Multi-select & Single-select modes
- Partial word matching, accent matching
- Lazy options loading and remote search support
- Light / Dark theme, RTL, Translation, form submit support

www.npmjs.com/package/prea...
Based on tagged template literals. JSX transform. Hydration in design. I love this!

The one that could have complimented this is the ESX proposal.
Even the UX choices they made e.g. they show the product filters right when you land on the listing page. It's specific to their line of business where there are so many product variants
Country and language selectors should be separate. And the language name written in that language
Here's the fun part: if you do decide to maintain a fork of a FW, you'll realize their documentation website is using another dead framework, so now you're in a recursive loop of trying to fork FWs 😂
Also
- you carry the weight of features you don't use - complexity, architecture

- FW internal bugs are you're problem yet you can't easily fix

- you need to keep up with major upgrades else you're left with a FW you don't know enough about to maintain. And this is on avg every 2 years
lol
I also liked @rschristian.dev 's reply last time I said that: "But what if I want to shoot lightning from my hammer?"
😂 Man, that's exactly how devs think these days!
I am growing old I think. Happens at 35+ I think. @brianleroux.bsky.social make a club for people who is growing tired of web dev trends.
I can't stop thinking that tr*mpcard website, a 1 page website, was built not with a index.html but with next!

Using thor's hammer for a tiny nail!
They say "don't reinvent the wheel", but in software "wheel" just released v2 which isn't compatible with your car, and now you need to change your entire car to just install that thing.
iirc nodejs sourcemaps took too much memory? And without that, stack traces are going to suck
Somebody please get this man access! 😆 (john wick reference)
Nice! But can I ask, why JS at this point? go? rust?
heard good things about dokku. didn't try any of it myself
Even smaller codebases which only needed backwards compatibility. The scheduler has broken things in subtle ways esp code with async side effects
"replacement for hmr" - this one is for the esbuild setup. The vite FOUC is so annoying I am thinking to keep both templates in two separate branches 😆
@jovidecroock.com on a JS change if I were to unmount the component from root, and then render from new JS, would that work? i.e be a close replacement for HMR? This is assuming page cleans up side effects on unmount. States will reset, but its better than full page reload which calls server.
The FOUC is inherent to unbundled dev approach of vite. Because we're used to importing css files from within js files, vite has to wait till all those js files loads to figure out what css files to load. Sucks. I think rolldown full bundle mode is needed to solve this.
I finally figured out how to use Vite with multi-page apps. Took only 2 years .. I was missing a few tricks

Tailwind folks will love the instant reloads (HMR)! However with CSS files, page switches on dev causes a FOUC. Can't have it all I guess.

github.com/Munawwar/pre...
GitHub - Munawwar/preact-mpa-template at vite
⚛️ Preact Multi-Page Website Starter Template (SSR) - with fastify and esbuild 🚀 - GitHub - Munawwar/preact-mpa-template at vite
github.com
EJS!

I am thinking though:



bsky.app/profile/muna...
What if you could SSR a preact bundle from go, php, python or ruby?

gist.github.com/Munawwar/fe6...
So it was adam. I blame it on adam now. 😛
Reposted by Munawwar Firoz
Wes Bos @wesbos.com · Oct 2
I decoded bonzi buddy and gave him LLM access
dm me what that is .. I am want to learn how not to document / market things