From 89ad493ce5ef3b37998af397156903ade1ada34b Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Tue, 14 Mar 2017 17:23:16 -0700 Subject: [PATCH] Update benchmark results --- performance/README.md | 14 +++--- performance/package.json | 4 +- performance/webpack.config.js | 4 +- performance/yarn.lock | 90 ++++++++++------------------------- 4 files changed, 36 insertions(+), 76 deletions(-) diff --git a/performance/README.md b/performance/README.md index 4d39669a..ddd3fb7c 100644 --- a/performance/README.md +++ b/performance/README.md @@ -23,14 +23,12 @@ more direct comparison with the `css-modules` baseline. Typical render timings*: mean / two standard deviations -Version: 0.0.73 - -| Implementation | Deep tree (ms) | Wide tree (ms) | +| Implementation | Deep tree (ms) | Wide tree (ms) | | :--- | ---: | ---: | -| css-modules | `80.47` `±18.04` | `166.91` `±19.90` | -| react-native-web/lite | `87.91` `±13.37` | `181.45` `±20.06` | -| react-native-web | `113.45` `±09.27` | `237.33` `±38.77` | -| styled-components | `170.86` `±15.67` | `378.83` `±36.11` | -| glamor | `275.41` `±19.56` | `474.76` `±29.02` | +| css-modules | `75.40` `±15.93` | `162.15` `±22.20` | +| react-native-web/lite@0.0.77 | `83.93` `±13.80` | `177.57` `±20.045` | +| react-native-web@0.0.77 | `106.72` `±15.48` | `217.63` `±25.70` | +| styled-components@2.0.0-7 | `255.19` `±35.09` | `569.74` `±59.94` | +| glamor@3.0.0-1 | `268.94` `±38.96` | `458.69` `±32.30` | *MacBook Pro (13-inch, Early 2011); 2.7 GHz Intel Core i7; 16 GB 1600 MHz DDR3. Google Chrome 56. diff --git a/performance/package.json b/performance/package.json index c475afe3..fa7a49fa 100644 --- a/performance/package.json +++ b/performance/package.json @@ -3,9 +3,9 @@ "private": true, "dependencies": { "classnames": "^2.2.5", - "glamor": "^2.20.24", + "glamor": "3.0.0-1", "marky": "^1.1.3", - "styled-components": "2.0.0-5" + "styled-components": "2.0.0-7" }, "devDependencies": { "css-loader": "^0.26.2", diff --git a/performance/webpack.config.js b/performance/webpack.config.js index 3d6bd3de..bae901b7 100644 --- a/performance/webpack.config.js +++ b/performance/webpack.config.js @@ -19,7 +19,9 @@ module.exports = { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader', - query: { cacheDirectory: true } + query: { + cacheDirectory: true + } } ] }, diff --git a/performance/yarn.lock b/performance/yarn.lock index 568ac1c2..21f9cc6f 100644 --- a/performance/yarn.lock +++ b/performance/yarn.lock @@ -155,10 +155,6 @@ colormin@^1.0.5: css-color-names "0.0.4" has "^1.0.1" -colors@0.5.x: - version "0.5.1" - resolved "https://registry.yarnpkg.com/colors/-/colors-0.5.1.tgz#7d0023eaeb154e8ee9fce75dcb923d0ed1667774" - colors@~1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/colors/-/colors-1.1.2.tgz#168a4701756b6a7f51a12ce0c97bfa28c084ed63" @@ -171,15 +167,9 @@ core-js@^2.4.0: version "2.4.1" resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.4.1.tgz#4de911e667b0eae9124e34254b53aea6fc618d3e" -css-color-list@0.0.1: - version "0.0.1" - resolved "https://registry.yarnpkg.com/css-color-list/-/css-color-list-0.0.1.tgz#8718e8695ae7a2cc8787be8715f1c008a7f28b15" - dependencies: - css-color-names "0.0.1" - -css-color-names@0.0.1: - version "0.0.1" - resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.1.tgz#5d0548fa256456ede4a9a0c2ac7ab19d3eb1ad81" +css-color-keywords@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05" css-color-names@0.0.4: version "0.0.4" @@ -218,13 +208,13 @@ css-selector-tokenizer@^0.7.0: fastparse "^1.1.1" regexpu-core "^1.0.0" -css-to-react-native@^1.0.6: - version "1.0.6" - resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-1.0.6.tgz#728c7e774e56536558a0ecaa990d9507c43a4ac4" +css-to-react-native@2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-2.0.1.tgz#179b25cba8cab7798118b1679b81f4d6b3fa0de3" dependencies: - css-color-list "0.0.1" + css-color-keywords "^1.0.0" fbjs "^0.8.5" - nearley "^2.7.7" + postcss-value-parser "^3.3.0" cssesc@^0.1.0: version "0.1.0" @@ -282,10 +272,6 @@ defined@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693" -discontinuous-range@1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/discontinuous-range/-/discontinuous-range-1.0.0.tgz#e38331f0844bba49b9a9cb71c771585aab1bc65a" - electron-to-chromium@^1.2.3: version "1.2.4" resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.2.4.tgz#9751cbea89fa120bf88c226ba41eb8d0b6f1b597" @@ -336,7 +322,15 @@ function-bind@^1.0.2: version "1.1.0" resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.0.tgz#16176714c801798e4e8f2cf7f7529467bb4a5771" -glamor@^2.20.22, glamor@^2.20.24: +glamor@3.0.0-1: + version "3.0.0-1" + resolved "https://registry.yarnpkg.com/glamor/-/glamor-3.0.0-1.tgz#60f489e96d96c12620803d3677ac26413cb76a95" + dependencies: + babel-runtime "^6.18.0" + fbjs "^0.8.8" + object-assign "^4.1.0" + +glamor@^2.20.22: version "2.20.24" resolved "https://registry.yarnpkg.com/glamor/-/glamor-2.20.24.tgz#a299af2eec687322634ba38e4a0854d8743d2041" dependencies: @@ -501,14 +495,6 @@ mkdirp@~0.5.1: dependencies: minimist "0.0.8" -nearley@^2.7.7: - version "2.7.13" - resolved "https://registry.yarnpkg.com/nearley/-/nearley-2.7.13.tgz#ae19927cc821a4b517de91962db9ed0e90d991fa" - dependencies: - nomnom "~1.6.2" - railroad-diagrams "^1.0.0" - randexp "^0.4.2" - node-fetch@^1.0.1: version "1.6.3" resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.6.3.tgz#dc234edd6489982d58e8f0db4f695029abcd8c04" @@ -516,13 +502,6 @@ node-fetch@^1.0.1: encoding "^0.1.11" is-stream "^1.0.1" -nomnom@~1.6.2: - version "1.6.2" - resolved "https://registry.yarnpkg.com/nomnom/-/nomnom-1.6.2.tgz#84a66a260174408fc5b77a18f888eccc44fb6971" - dependencies: - colors "0.5.x" - underscore "~1.4.4" - normalize-range@^0.1.2: version "0.1.2" resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942" @@ -803,17 +782,6 @@ query-string@^4.1.0: object-assign "^4.1.0" strict-uri-encode "^1.0.0" -railroad-diagrams@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz#eb7e6267548ddedfb899c1b90e57374559cddb7e" - -randexp@^0.4.2: - version "0.4.4" - resolved "https://registry.yarnpkg.com/randexp/-/randexp-0.4.4.tgz#ba68265f4a9f9e85f5814d34e160291f939f168e" - dependencies: - discontinuous-range "1.0.0" - ret "~0.1.10" - reduce-css-calc@^1.2.6: version "1.3.0" resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz#747c914e049614a4c9cfbba629871ad1d2927716" @@ -854,10 +822,6 @@ regjsparser@^0.1.4: dependencies: jsesc "~0.5.0" -ret@~0.1.10: - version "0.1.13" - resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.13.tgz#38c2702ece654978941edd8b7dfac6aeeef4067d" - sax@~1.2.1: version "1.2.2" resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.2.tgz#fd8631a23bc7826bef5d871bdb87378c95647828" @@ -900,23 +864,23 @@ style-loader@^0.13.2: dependencies: loader-utils "^1.0.2" -styled-components@2.0.0-5: - version "2.0.0-5" - resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-2.0.0-5.tgz#df802d110cfb1a08a37e7746ecff11c765075e34" +styled-components@2.0.0-7: + version "2.0.0-7" + resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-2.0.0-7.tgz#a420b99622eacec26ae3d62c1c75985791d9691b" dependencies: buffer "^5.0.3" - css-to-react-native "^1.0.6" + css-to-react-native "2.0.1" fbjs "^0.8.9" glamor "^2.20.22" inline-style-prefixer "^2.0.5" is-function "^1.0.1" is-plain-object "^2.0.1" - stylis "^1.1.13" + stylis "^1.2.0" supports-color "^3.2.3" -stylis@^1.1.13: - version "1.1.13" - resolved "https://registry.yarnpkg.com/stylis/-/stylis-1.1.13.tgz#e15095d0027f49683f7556e31df184c1eafe1d6d" +stylis@^1.2.0: + version "1.2.6" + resolved "https://registry.yarnpkg.com/stylis/-/stylis-1.2.6.tgz#d7e72d3c8de52684a4f6cc82b3086e3634dc3c13" supports-color@^2.0.0: version "2.0.0" @@ -944,10 +908,6 @@ ua-parser-js@^0.7.9: version "0.7.12" resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.12.tgz#04c81a99bdd5dc52263ea29d24c6bf8d4818a4bb" -underscore@~1.4.4: - version "1.4.4" - resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.4.4.tgz#61a6a32010622afa07963bf325203cf12239d604" - uniq@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"