Split fit-html.ts into another npm package for writing light sharable web components.

[harryfei]

We can use fit-html's awesome withFit function to write shared web components without any redux dependency after doing this.

[NeoLegends]

Splitting off a separate package shouldn't be necessary for this. Just importing the withFit-mixin directly will be enough. :)

We never import redux directly in any of the mixins (just the TS types) nvm I forgot bindActionCreators, but that's in connect, not in withFit. :)

[harryfei]

Ok, I got it. That's cool.

[harryfei]

BTW, is 3Kb still correct now? I just get a 20Kb bundle file(fit-html, lit-html, and redux) and an 8Kb compressed file. @NeoLegends

[NeoLegends]

BTW, is 3Kb still correct now? I just get a 20Kb bundle file(fit-html, lit-html, and redux) and an 8Kb compressed file. @NeoLegends

3k was always minzipped size, but that sounds a little large, tbh. fit-html hasn't changed in size very much lately, but lit-html and maybe redux have. How many components are there in your bundle? You may underestimate the size of the template strings. Also, are you using a tree-shaking bundler (webpack 2, rollup)?

[harryfei]

Yeah, I check the bundle file, it's not fit-html's fault. lit-html increase a lot during recent versions.

[NeoLegends]

Great! Mind sharing the stats? I‘d be interested in how large lit-html has become by now. :)

[harryfei]

I write the index.ts and import lit-html (v0.10), use rollup to build bundle.

import { html } from 'lit-html/lib/lit-extended';
console.log(html)

minized size: 5.2Kb
minized and gizped size: 1.9Kb

[NeoLegends]

I'm afraid you're missing the render from lit-html to get more accurate stats about the size. Right now you're just importing the tag, but no render functionality.