Email or username:

Password:

Forgot your password?
Mayank

playing with JSX components in #11ty, complete with my own CSS-in-11ty pipeline. the IDE experience is phenomenal!

(this is all done at build-time, with zero client-side JS)

8 comments
Ken Franqueiro

@hi_mayank I've been noodling on solutions for this as well (initially focused on accessing the data cascade in ways that offer type safety); I'd be very interested in learning how you managed the CSS part, since that's another thing I'd been wondering about. Like, I know WebC benefits from asset bundling by default in 11ty; are you able to get that for JSX?

Mayank

@kgf the asset bundling from webc is actually built into 11ty now (as of 3.0.0-alpha.10), so i'm just using that.

i'll open-source my repo after i clean up some things. maybe i'll even do a writeup if this sounds interesting to other folks 🤔

Hawk Ticehurst

@hi_mayank oooh this is something (jsx in 11ty) i’ve been really wanting to try out recently!

how did you go about it? esp the css-in-11ty?

Mayank

11ty 3.0 feels so much nicer with the ESM syntax. seriously.

i really hope one day we can kill CJS for good. the `module.exports` nonsense has to stop

Go Up