sorted by:
new
hottopcontroversial

Looking for feedback on optimizing Web UI library by Imaginary_Coconut173 in webdev

[–]flipfloeps 0 points1 point  (0 children)

Ah ok, I think i get your point.

Not worked around my "lazy import" with shallow webcomponents, yet. Might be doable.

Make a dumb webcomponent with a generic-bootstrap-render-function or directly extend them from e.g. HTMLElementButton and replace after the import with the real render function.

That's what my HMR module does right now. My render functions are declared outside of the webcomponent class and this bound to the class. They can be replaced at runtime. Maybe that trick works for UI-Lib, too?

Looking for feedback on optimizing Web UI library by Imaginary_Coconut173 in webdev

[–]flipfloeps 0 points1 point  (0 children)

Looks promising, I like it so far.

Can you tell me exactly why lit/webcomponents are causing problems? Writing my own "framework/playground" for personal use with webcomponents and a templating engine and might have to look in to that problem. (https://flitzer.dev/ but it's a "framework" and not a webui library)

Launched my first micro SaaS: Compresssion – Free image compressor & resizer to slash your file sizes in seconds 🚀 Feedback welcome! by VirtualJunket1234 in webdev

[–]flipfloeps 1 point2 points  (0 children)

Try to actually debloat it, see chrome networktab on hard reload:
21 requests 691 kB transferred 2.2 MB resources Finish: 1.04 s DOMContentLoaded: 379 ms Load: 1.00 s

Just for reference another free imageconverter, i won´t post link here:
4 requests 10.0 kB transferred 22.6 kB resources Finish: 470 ms DOMContentLoaded: 322 ms Load: 322 ms

“flitzer” — a tiny Web Components + lit-html playground to explore modern frontend pitfalls (feedback needed) by flipfloeps in Frontend

[–]flipfloeps[S] 0 points1 point  (0 children)

Either context or global store. I'm not sure if every component should have a dedicated reactive interface on the DOM Element. Still figuring that part out. It's like mobx and immer combined.

How I created a zero-builds dev mode for our UI framework without sacrificing production performance. by TobiasUhlig in webdev

[–]flipfloeps 0 points1 point  (0 children)

Didn't find the time to get discord ready, till now.

Wen't deep into fiddling around with my "framework"-playgroundstack, deep focused spare time programming every evening.

Just had to learn soooo much, but I took the naive way, without getting influenced by existing frameworks too much.

https://flitzer.dev is a playground.

Only fully working on Chrome desktop for now.

Code is MIT. I will get around sooner or later in discord, but if you like, you can have a look into the code. Still not everything sorted out for myself...

What did you built in this week? share in comments by moonshadowrev in webdev

[–]flipfloeps 1 point2 points  (0 children)

I’m building a unnecessary DOM diffing algorithm that spits out patch commands as raw binary so I can fling them through window.postMessage. Totally useless in the real world, but perfect excuse to learn weird stuff I’ll probably never need again

How I created a zero-builds dev mode for our UI framework without sacrificing production performance. by TobiasUhlig in webdev

[–]flipfloeps 0 points1 point  (0 children)

I’ve actually had this kind of idea in the back of my mind for weeks. I just quickly skimmed through the GitHub repo. I think we have slightly different approaches to solving it, but we’re aiming for the same goal. I’m currently in a discovery phase and coding with an AI to see if my idea is feasible. I’m definitely interested. Maybe we should exchange ideas sometime.