bitovi / ylem

Add Observable View-Models to React components
https://bitovi.github.io/ylem/
MIT License
42 stars 2 forks source link

Optimize the bundled/gzipped size of ylem #132

Open DesignByOnyx opened 6 years ago

DesignByOnyx commented 6 years ago

Currently ylem is 109K minified / 27.4K gzipped. This was determined by running a build using this test repository, and then running the built code through Google closure compiler.

Here's how that stacks up against others:

Library Size (minified / gzipped) URL
MobX 49.1 KB / 14.9 KB mobx
MobX React 16.4 KB / 6.2 KB mobx-react
Redux 6.2KB / 2.5KB redux
Redux React 12.5 KB / 4.5 KB redux-react

MobX total: 21.1KB Redux total: 7KB

christopherjbaker commented 6 years ago

Currently, using create-react-app to compare a project size before and after adding ylem, the ylem adds 25.78 KB after gzipping. Doing a steal.optimize build, the gzipped size is 23.25kb.

package size
can-observe 24.00%
can-reflect 20.50%
ylem 16.00%
can-event-queue + can-dom-events 11.50%
can-observation / et al 6.00%
can-diff 5.50%
can-queues 5.00%
can-globals 3.50%
misc 3.50%
can-key 2.00%
can-symbol 1.50%
can-log 1.00%