scittle

teodorlu 2022-05-22T07:19:29.711839Z

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.

2022-05-22T10:21:37.349939Z

I honestly just meant based on sheer volume of output/personal productivity! But I'll take whatever I can get 🙂

borkdude 2022-05-22T10:28:58.382619Z

I'd rather spend my energy on software itself, I wouldn't know what to write ;)

👍 1
💪 1
borkdude 2022-05-22T10:29:22.855499Z

What other cool package are on skypack?

2022-05-22T10:39:11.765609Z

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!

2022-05-22T10:42:24.633959Z

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.

borkdude 2022-05-22T10:43:23.444129Z

@jackrusher recently told me about https://github.com/WICG/import-maps which is supposed to deal with the redundancy

2022-05-22T10:43:26.507439Z

@jackrusher has joined the channel

borkdude 2022-05-22T10:45:31.213309Z

but perhaps I misunderstood this

borkdude 2022-05-22T10:48:08.286849Z

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?

2022-05-22T10:49:02.803999Z

No 🙂 can only be done with the module approach we were doing above (afaik!)

2022-05-22T10:51:25.874889Z

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.

2022-05-22T10:51:53.942519Z

There are potentially advantages to skypack over umd though: https://docs.skypack.dev/#more-packages-supported-less-code-served

2022-05-22T10:53:26.526109Z

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).

2022-05-22T10:54:08.717109Z

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!

➕ 1
borkdude 2022-05-22T10:57:47.958269Z

how does skypack deal with version incompatibilities?

2022-05-22T11:00:01.656629Z

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.8

borkdude 2022-05-22T11:00:42.630429Z

right, makes sense

2022-05-22T11:01:07.400469Z

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.

2022-05-22T13:57:27.181389Z

Is there a cdn lib for using promesa with scittle?

borkdude 2022-05-22T14:18:07.784299Z

@jayzawrotny Not yet, I think we should add that

borkdude 2022-05-22T14:18:18.302899Z

Issue (+ PR) welcome

2022-05-22T05:49:31.874129Z

Holy hell that's absolutely perfect 😍

2022-05-22T05:55:17.515239Z

You know you might have to publish a book or blog post on productivity too some time...

2022-05-22T05:55:39.621709Z

Also, the confetti package is such a satisfying example