DEV Community

Discussion on: What was your win this week?

Collapse
 
steveblue profile image
Stephen Belovarich

I released a thing I've been working on for months!

Readymade is a microlibrary for developing Web Components with TypeScript.

readymade-ui.github.io

Collapse
 
aut0poietic profile image
Jer

That's pretty cool! I've been going the other direction with WC's when I have time in the evenings β€” that is creating separate CSS, JS and HTML files and having RollUp do all the work behinds the scenes. I'm sort of enjoying not working with a framework.

Going to have to play with your lib for one of my experiments. Thanks for your work! I'm excited for another way to do them. :)

Collapse
 
steveblue profile image
Stephen Belovarich

I wanted the css to be inline with the component, so I made this to at least post process the css with postcss.

npmjs.com/package/rollup-plugin-in...

Thread Thread
 
aut0poietic profile image
Jer

Nice. tagged templates are pretty awesome, though I'd never seen them until I played with lit-element. More ways to produce WC's is a great thing.

I really like the css-tied-to-component idea (in WC's and other frameworks), just don't enjoy writing CSS or HTML in JS. Probably silly of me, but I got RollUp to inline the separate CSS & HTML files in a template literal inside the final JS bundle without much fuss. Never could make webpack do it.

Collapse
 
adam_cyclones profile image
Adam Crockett πŸŒ€

Much Angular. When does a library stop being vanilla, this is a question that bothers me often. Good job though, sorry for the philosophy!

Collapse
 
steveblue profile image
Stephen Belovarich • Edited

Is Readymade vanilla? I’d like to think it’s mint chocolate chip.

Thread Thread
 
adam_cyclones profile image
Adam Crockett πŸŒ€

I'm down for chic chips but I rarely like mint in ice-cream. 🍨