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
@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? @hi_mayank oh lol just noticed you already answered this p.s. yes please to a write up 🙏 @hawkticehurst i'll do a writeup over the weekend (hopefully. 🤞) https://hachyderm.io/@hi_mayank/112457423219202969 for now you can look Paul Everitt's guide on Jetbrains: https://www.jetbrains.com/guide/javascript/tutorials/eleventy-tsx/tsx-templates/ 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 |
@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?