stylex
stylex copied to clipboard
facebook
blog: designing for composition
Blog Post
A blog post that describes how we arrived at certain API design decisions and how we prioritise predictable style composition.
workflow: benchmarks/size
Comparison of minified (terser) and compressed (brotli) size results, measured in bytes. Smaller is better.
@stylexjs/[email protected] size:compare ./size-compare.js /tmp/tmp.Z0ouFgZ7dm /tmp/tmp.MCJ0VABflO
| Results | Base | Patch | Ratio | |
|---|---|---|---|---|
| stylex/lib/stylex.js | ||||
| · compressed | 729 | 729 | 1.00 | |
| · minified | 2,541 | 2,541 | 1.00 | |
| stylex/lib/StyleXSheet.js | ||||
| · compressed | 1,266 | 1,266 | 1.00 | |
| · minified | 3,776 | 3,776 | 1.00 | |
| rollup-example/.build/bundle.js | ||||
| · compressed | 567,110 | 567,110 | 1.00 | |
| · minified | 10,232,512 | 10,232,512 | 1.00 | |
| rollup-example/.build/stylex.css | ||||
| · compressed | 100,626 | 100,626 | 1.00 | |
| · minified | 757,176 | 757,176 | 1.00 |
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
