diff --git a/performance/README.md b/performance/README.md index b716f07e..07f9380b 100644 --- a/performance/README.md +++ b/performance/README.md @@ -22,18 +22,19 @@ Typical render timings*: mean ± two standard deviations | Implementation | Deep tree (ms) | Wide tree (ms) | Tweets (ms) | | :--- | ---: | ---: | ---: | -| `css-modules` | `87.68` `±13.29` | `171.96` `±14.91` | | -| `react-native-web/stylesheet@0.0.81` | `90.59` `±12.03` | `190.37` `±19.65` | | -| `react-native-web@0.0.81` | `105.20` `±17.86` | `226.54` `±29.50` | `12.12` `±6.94ms` | +| `css-modules` | `87.67` `±15.22` | `170.85` `±16.87` | | +| `react-native-web/stylesheet@0.0.84` | `90.02` `±13.16` | `186.66` `±19.23` | | +| `react-native-web@0.0.84` | `102.72` `±19.26` | `222.35` `±18.95` | `12.81` `±5.45ms` | Other libraries | Implementation | Deep tree (ms) | Wide tree (ms) | | :--- | ---: | ---: | -| `aphrodite@1.2.0` | `101.25` `±18.78` | `224.59` `±22.28` | -| `glamor@3.0.0-1` | `143.39` `±23.05` | `275.21` `±21.10` | -| `react-jss@5.4.1` | `142.27` `±16.62` | `318.62` `±26.19` | -| `reactxp@0.34.3` | `221.36` `±23.35` | `472.61` `±40.86` | -| `styled-components@2.0.0-7` | `301.92` `±39.43` | `647.80` `±102.1` | +| `styletron@2.5.1` | `88.48` `±12.00` | `171.89` `±13.28` | +| `aphrodite@1.2.0` | `101.32` `±20.33` | `220.33` `±31.41` | +| `glamor@3.0.0-1` | `129.00` `±14.92` | `264.57` `±28.54` | +| `react-jss@5.4.1` | `137.33` `±21.55` | `314.91` `±29.03` | +| `reactxp@0.34.3` | `223.82` `±32.77` | `461.56` `±34.43` | +| `styled-components@2.0.0-11` | `277.53` `±28.83` | `627.91` `±43.13` | *MacBook Pro (13-inch, Early 2011); 2.7 GHz Intel Core i7; 16 GB 1600 MHz DDR3. Google Chrome 56. diff --git a/performance/src/components/View/styletron.js b/performance/src/components/View/styletron.js index 586bfdf9..2f6f0eb1 100644 --- a/performance/src/components/View/styletron.js +++ b/performance/src/components/View/styletron.js @@ -6,7 +6,9 @@ import React from 'react'; export const styletron = new Styletron(); -const View = ({ style, ...other }) =>
; +const View = ({ style, ...other }) => ( + +); const viewStyle = injectStylePrefixed(styletron, { alignItems: 'stretch',