If you were starting a new project and wanted to build all #webComponents - what would be your goto tool for this?

Lit? StencilJS? Something else?

Asking for my team

#webDev #javascript #dev

@tanepiper in the past I would use a framework but now I go on vanilla path and choose some reactive library then encapsulate it in shadow root while keep my eyes on FOUC.

@drsensor RxJS? (Familiar with it, so could be a good fit).

Vanilla is an option, but I guess the question is how much are we custom building vs getting some OOTB benefits of some of the libs.

@drsensor I wanted to suggest vanilla, but sometimes I worry it's less maintainable and more to learn and test.

I'm not against it, but it's up to the team to pick - I just to offer all the suggestions

@drsensor the FOUC we might be able to solve with ESI and edge computing.

At the moment in our SSG Astro site I have in the head a small snippet that checks session storage for the dark mode setting - but if it can be moved to the edge it solves a those issues.

@tanepiper nah, just something like SolidJS reactive library or S.js.
I go vanilla for personal project and because recently I deal with existing project that use template engine. So component/island-ing the UI can be prone to FOUC. AlpineJS solve my problem but it can't do async rendering and I have less control on what it do.