facebook / react-strict-dom

React Strict DOM (RSD) standardizes the development of styled React components for web and native.
https://facebook.github.io/react-strict-dom
MIT License
3.2k stars 161 forks source link

Install StyleX 0.7.0 #153

Closed necolas closed 5 months ago

github-actions[bot] commented 5 months ago

compressed-size: runtime library

Size change: 0.00 kB Total size: 19.23 kB

View unchanged | Filename: gzip (minify) | kB size | kB change | % change | | :--- | :--- | :--- | :--- | | `./packages/react-strict-dom/dist/dom/index.js` | **2.94** (8.79) | **0.00** (0.00) | **0.0%** (0.0%) | | `./packages/react-strict-dom/dist/dom/runtime.js` | **0.95** (2.33) | **0.00** (0.00) | **0.0%** (0.0%) | | `./packages/react-strict-dom/dist/native/index.js` | **15.35** (49.62) | **0.00** (0.00) | **0.0%** (0.0%) |
github-actions[bot] commented 5 months ago

RSD benchmarks (for native)

Base c1919b02

react-strict-dom@0.0.16 benchmarks npm run build:benchmarks && node --jitless benchmarks/run.js

react-strict-dom@0.0.16 build:benchmarks rollup --config ./tools/rollup-benchmarks.config.js

css.create ops/sec deviation (%) samples
small 1,175,473 0.19 95
small with units 450,880 0.29 93
small with variables 664,905 1.93 91
several small 332,643 0.34 95
large 218,778 0.48 93
large with polyfills 151,832 0.54 96
complex 103,960 0.15 95
unsupported 229,305 0.27 95
css.createTheme ops/sec deviation (%) samples
simple theme 224,301 0.24 97
polyfill theme 212,606 0.21 93
css.props ops/sec deviation (%) samples
small 227,816 0.56 90
small with units 194,317 0.21 93
small with variables 101,736 0.32 92
small with variables of units 75,570 0.24 93
large 90,389 0.48 91
large with polyfills 25,364 0.24 93
complex 18,700 0.32 96
unsupported 73,833 0.30 93
simple merge 180,910 0.27 90
wide merge 14,404 0.26 93
deep merge 14,262 0.33 94
internals ops/sec deviation (%) samples
extractStyleThemes 425,498 0.18 96
flattenStyle 654,476 0.09 96

Patch d3cf3c75

react-strict-dom@0.0.16 benchmarks npm run build:benchmarks && node --jitless benchmarks/run.js

react-strict-dom@0.0.16 build:benchmarks rollup --config ./tools/rollup-benchmarks.config.js

css.create ops/sec deviation (%) samples
small 1,187,789 0.19 95
small with units 447,869 0.28 94
small with variables 669,907 0.14 96
several small 331,232 0.38 95
large 220,375 0.20 93
large with polyfills 152,395 0.20 94
complex 103,392 0.22 93
unsupported 224,752 0.24 93
css.createTheme ops/sec deviation (%) samples
simple theme 223,456 0.21 94
polyfill theme 212,125 0.14 95
css.props ops/sec deviation (%) samples
small 227,697 0.53 90
small with units 194,206 0.22 92
small with variables 101,792 0.24 93
small with variables of units 75,432 0.43 95
large 90,479 0.59 90
large with polyfills 25,444 0.26 93
complex 18,761 0.32 95
unsupported 73,650 0.33 95
simple merge 182,360 0.27 92
wide merge 14,332 0.17 95
deep merge 14,159 0.32 94
internals ops/sec deviation (%) samples
extractStyleThemes 424,561 0.17 95
flattenStyle 653,747 0.47 97
github-actions[bot] commented 5 months ago

RSD benchmarks (for native)

Base c1919b02

react-strict-dom@0.0.16 benchmarks npm run build:benchmarks && node --jitless benchmarks/run.js

react-strict-dom@0.0.16 build:benchmarks rollup --config ./tools/rollup-benchmarks.config.js

css.create ops/sec deviation (%) samples
small 1,166,479 0.36 94
small with units 425,835 1.85 95
small with variables 655,310 0.15 98
several small 325,859 0.52 95
large 214,640 0.32 96
large with polyfills 150,533 0.18 97
complex 101,836 0.18 94
unsupported 225,490 0.21 97
css.createTheme ops/sec deviation (%) samples
simple theme 223,239 0.16 94
polyfill theme 211,290 0.16 97
css.props ops/sec deviation (%) samples
small 226,538 0.46 90
small with units 193,183 0.61 95
small with variables 101,920 0.44 95
small with variables of units 75,187 0.34 95
large 89,066 1.03 87
large with polyfills 25,437 0.49 93
complex 18,779 0.26 96
unsupported 74,070 0.34 96
simple merge 181,388 0.20 93
wide merge 14,525 0.22 90
deep merge 14,268 0.28 92
internals ops/sec deviation (%) samples
extractStyleThemes 430,028 0.14 97
flattenStyle 658,663 0.11 95

Patch e3dbb487

react-strict-dom@0.0.16 benchmarks npm run build:benchmarks && node --jitless benchmarks/run.js

react-strict-dom@0.0.16 build:benchmarks rollup --config ./tools/rollup-benchmarks.config.js

css.create ops/sec deviation (%) samples
small 1,175,979 0.34 97
small with units 437,418 1.26 91
small with variables 656,671 0.19 96
several small 328,169 0.33 96
large 218,048 0.19 95
large with polyfills 150,216 0.99 95
complex 103,083 0.20 94
unsupported 229,389 0.20 95
css.createTheme ops/sec deviation (%) samples
simple theme 222,502 0.18 93
polyfill theme 210,226 0.18 96
css.props ops/sec deviation (%) samples
small 227,509 0.53 92
small with units 194,684 0.33 95
small with variables 101,781 1.15 91
small with variables of units 75,427 0.23 95
large 90,208 0.58 92
large with polyfills 25,453 0.23 96
complex 18,793 0.28 93
unsupported 73,936 0.30 95
simple merge 181,590 0.28 94
wide merge 14,397 0.19 94
deep merge 14,221 0.32 95
internals ops/sec deviation (%) samples
extractStyleThemes 427,261 0.13 98
flattenStyle 659,042 0.11 94