search

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

Add native support for dark color-scheme styles #143

Closed necolas closed 5 months ago

github-actions[bot] commented 5 months ago

compressed-size: runtime library

Size change: +0.10 kB Total size: 19.25 kB

Filename: gzip (minify) kB size kB change % change
./packages/react-strict-dom/dist/native/index.js 15.37 (49.27) +0.10 (+0.28) +0.6% (+0.6%) 🔴
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%) |
github-actions[bot] commented 5 months ago

RSD benchmarks (for native)

Base 41ea2a26

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

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

css.create ops/sec deviation (%) samples
small 1,061,264 0.21 97
small with units 500,976 0.22 96
small with variables 659,178 0.40 96
several small 347,659 0.31 95
large 300,864 1.21 92
large with polyfills 180,131 0.46 96
complex 111,262 0.11 95
unsupported 239,559 0.24 93
css.createTheme ops/sec deviation (%) samples
simple theme 227,309 0.16 94
polyfill theme 215,650 0.13 94
css.props ops/sec deviation (%) samples
small 187,794 0.18 98
small with units 162,137 0.16 96
small with variables 93,509 0.11 97
small with variables of units 69,902 0.27 96
large 61,991 0.14 97
large with polyfills 21,286 0.22 95
complex 12,248 0.17 95
unsupported 65,044 0.22 96
simple merge 149,966 0.15 98
wide merge 10,447 0.16 98
deep merge 10,330 0.24 95
internals ops/sec deviation (%) samples
extractStyleThemes 460,380 0.35 98
flattenStyle 654,971 0.08 98

Patch 0938a37f

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

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

css.create ops/sec deviation (%) samples
small 1,065,281 0.24 97
small with units 492,034 0.57 96
small with variables 655,434 0.18 95
several small 341,669 0.30 95
large 305,159 0.29 92
large with polyfills 179,820 0.24 94
complex 111,209 0.16 96
unsupported 238,265 0.19 95
css.createTheme ops/sec deviation (%) samples
simple theme 226,801 0.21 94
polyfill theme 213,946 0.16 94
css.props ops/sec deviation (%) samples
small 185,317 0.19 96
small with units 159,987 0.11 91
small with variables 91,708 0.12 94
small with variables of units 67,798 0.49 94
large 61,579 0.18 97
large with polyfills 21,123 0.18 95
complex 12,249 0.31 95
unsupported 64,623 0.31 96
simple merge 150,051 0.17 96
wide merge 10,405 0.34 94
deep merge 10,329 0.23 97
internals ops/sec deviation (%) samples
extractStyleThemes 459,507 0.17 94
flattenStyle 651,618 0.16 93
github-actions[bot] commented 5 months ago

RSD benchmarks (for native)

Base 41ea2a26

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

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

css.create ops/sec deviation (%) samples
small 1,065,959 0.21 98
small with units 490,832 0.27 96
small with variables 668,332 0.13 94
several small 342,229 0.38 93
large 304,460 0.28 93
large with polyfills 178,601 0.46 94
complex 110,073 1.20 96
unsupported 238,837 0.21 97
css.createTheme ops/sec deviation (%) samples
simple theme 222,588 0.38 95
polyfill theme 210,518 0.12 94
css.props ops/sec deviation (%) samples
small 183,727 0.42 97
small with units 157,646 0.16 96
small with variables 90,997 0.32 91
small with variables of units 67,600 0.31 96
large 61,654 0.19 96
large with polyfills 21,041 0.20 95
complex 12,185 0.27 95
unsupported 65,205 0.30 91
simple merge 149,755 0.10 97
wide merge 10,221 0.27 94
deep merge 10,041 0.46 95
internals ops/sec deviation (%) samples
extractStyleThemes 452,639 1.17 93
flattenStyle 649,217 0.23 97

Patch 807d5756

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

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

css.create ops/sec deviation (%) samples
small 1,066,111 0.20 96
small with units 495,630 0.33 95
small with variables 656,729 0.31 96
several small 345,011 0.33 96
large 304,870 0.27 92
large with polyfills 177,152 0.37 93
complex 109,364 0.65 96
unsupported 235,831 0.35 95
css.createTheme ops/sec deviation (%) samples
simple theme 222,497 0.15 93
polyfill theme 211,360 0.19 95
css.props ops/sec deviation (%) samples
small 185,279 0.17 97
small with units 159,758 0.23 97
small with variables 91,183 0.18 93
small with variables of units 67,525 0.21 96
large 61,756 0.27 96
large with polyfills 20,991 0.18 94
complex 11,998 1.03 94
unsupported 64,312 0.29 93
simple merge 146,363 0.30 96
wide merge 10,196 0.18 96
deep merge 10,090 0.24 94
internals ops/sec deviation (%) samples
extractStyleThemes 457,878 0.16 95
flattenStyle 650,364 0.13 97
github-actions[bot] commented 5 months ago

RSD benchmarks (for native)

Base 27ea339f

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

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

css.create ops/sec deviation (%) samples
small 1,054,275 0.37 92
small with units 497,460 0.31 94
small with variables 654,253 1.02 96
several small 342,155 0.71 94
large 300,568 1.24 95
large with polyfills 178,625 0.26 95
complex 111,306 0.17 96
unsupported 239,030 0.36 94
css.createTheme ops/sec deviation (%) samples
simple theme 225,198 0.20 96
polyfill theme 209,706 1.41 96
css.props ops/sec deviation (%) samples
small 183,823 0.20 94
small with units 159,456 0.17 91
small with variables 91,980 0.15 95
small with variables of units 68,210 1.23 93
large 61,203 0.29 96
large with polyfills 21,052 0.55 94
complex 12,204 0.78 96
unsupported 64,841 0.30 94
simple merge 149,942 0.49 95
wide merge 10,385 0.30 96
deep merge 10,309 0.16 93
internals ops/sec deviation (%) samples
extractStyleThemes 460,926 0.17 97
flattenStyle 654,672 0.18 98

Patch 9877424b

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

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

css.create ops/sec deviation (%) samples
small 1,008,457 1.73 91
small with units 484,044 0.28 98
small with variables 644,732 0.18 97
several small 334,613 0.67 97
large 299,097 0.94 90
large with polyfills 174,513 0.27 95
complex 109,102 0.37 97
unsupported 236,209 0.25 97
css.createTheme ops/sec deviation (%) samples
simple theme 219,609 1.79 93
polyfill theme 212,531 0.17 93
css.props ops/sec deviation (%) samples
small 185,796 0.16 95
small with units 158,762 0.36 97
small with variables 91,045 0.11 95
small with variables of units 66,991 0.30 93
large 61,358 0.24 95
large with polyfills 21,001 0.18 96
complex 12,293 0.45 95
unsupported 63,689 1.22 92
simple merge 149,041 0.17 96
wide merge 10,447 0.15 95
deep merge 10,347 0.16 93
internals ops/sec deviation (%) samples
extractStyleThemes 459,373 0.15 95
flattenStyle 656,253 0.15 96