I agree. How sci+friends enables productive workflows. How to approach a problem without sci+friends, and how sci+friends helps. Where it really makes sense to apply.
I honestly just meant based on sheer volume of output/personal productivity! But I'll take whatever I can get 🙂
I'd rather spend my energy on software itself, I wouldn't know what to write ;)
What other cool package are on skypack?
Essentially it will enable any dependency from npm to be used whether or not it configures a prebuilt umd version. A lot of major packages do provide umds but it seems to be falling out of fashion with changes supporting esm in the browser and elsewhere. One of the original motivations for providing umds over just having your packager handle deps was for things like codesandbox and whatnot, but mostly they have their own way of handling dependencies now. https://chakra-ui.com/ is the thing I was toying with as I think having a design system + scittle might just be the perfect out of the box way to build UIs 😎 I'm sure there are others though, let me have a rummage!
Obviously pulling in the entire library might lead to redundancies you wouldn't get if you used a packager but I think sometimes that trade off might be worth it.
@jackrusher recently told me about https://github.com/WICG/import-maps which is supposed to deal with the redundancy
@jackrusher has joined the channel
but perhaps I misunderstood this
Is it also possible to add ChakraUI via a script tag like you would with React as described in the scittle page? What benefit has doing so via skypack?
No 🙂 can only be done with the module approach we were doing above (afaik!)
React explicitly creates a UMD version which inlines it's dependencies which is then made available automatically by all the jsdeliver type cdns. It is possible to do the same on a dep by dep basis for those that don't have them, but skypack allows you to use the existing compiled ESM.
There are potentially advantages to skypack over umd though: https://docs.skypack.dev/#more-packages-supported-less-code-served
It might be the case that with the import maps you mentioned + something like skypack it's actually the same payload as the optimised js (of course minus your app).
If that were the case it would make scittle wildly compelling over traditional build based setups (imo). Can't beat the ease of just an html file!
how does skypack deal with version incompatibilities?
It's a great question, not entirely sure. But you can specify versions inline:
import * as pkg from '';
For ChakraUI I found I had to either bump react up to 18 or bump chakra down to 1.8.8right, makes sense
They seem to be straddling the react18 divide as of a month 10 days ago. I always feel there's a bit more churn for things like this on the other side of the jvm/js fence.
Is there a cdn lib for using promesa with scittle?
@jayzawrotny Not yet, I think we should add that
Issue (+ PR) welcome
Holy hell that's absolutely perfect 😍
You know you might have to publish a book or blog post on productivity too some time...
Also, the confetti package is such a satisfying example