Add React benchmarking infrastructure

.eslintignore

@@ -13,6 +13,7 @@ fixtures/
 # Ignore built files.
 build/
 coverage/
-scripts/bench/bench-*.js
+scripts/bench/benchmarks/**/*.js
+scripts/old-bench/bench-*.js
 vendor/*
 **/node_modules

.flowconfig

@@ -4,6 +4,8 @@
 <PROJECT_ROOT>/build/.*
 <PROJECT_ROOT>/scripts/.*
 <PROJECT_ROOT>/.*/node_modules/y18n/.*
+<PROJECT_ROOT>/node_modules/chrome-devtools-frontend/.*
+<PROJECT_ROOT>/node_modules/devtools-timeline-model/*
 <PROJECT_ROOT>/.*/__mocks__/.*
 <PROJECT_ROOT>/.*/__tests__/.*
 

.gitignore

@@ -7,6 +7,7 @@ static
 _SpecRunner.html
 __benchmarks__
 build/
+remote-repo/
 coverage/
 .module-cache
 *.gem

circle.yml

@@ -2,7 +2,7 @@
 machine:
   timezone: America/Los_Angeles
   node:
-    version: 6
+    version: 7
   ruby:
     version: 2.2.3
   environment:

package.json

@@ -60,16 +60,22 @@
     "git-branch": "^0.3.0",
     "glob": "^6.0.4",
     "glob-stream": "^6.1.0",
+    "google-closure-compiler-js": "^20170409.0.0",
     "gzip-js": "~0.3.2",
     "gzip-size": "^3.0.0",
+    "http-server": "^0.9.0",
+    "http2": "^3.3.6",
     "jest": "^19.0.1",
     "jest-config": "^19.0.1",
     "jest-jasmine2": "^19.0.1",
     "jest-runtime": "^19.0.1",
+    "lighthouse": "^1.6.3",
     "loose-envify": "^1.1.0",
     "merge-stream": "^1.0.0",
+    "mime": "^1.3.4",
     "minimist": "^1.2.0",
     "ncp": "^2.0.0",
+    "nodegit": "^0.18.0",
     "object-assign": "^4.1.1",
     "platform": "^1.1.0",
     "prettier": "^1.2.2",
@@ -84,6 +90,7 @@
     "rollup-plugin-replace": "^1.1.1",
     "rollup-plugin-uglify": "^1.0.1",
     "run-sequence": "^1.1.4",
+    "stats-analysis": "^2.0.0",
     "through2": "^2.0.0",
     "tmp": "~0.0.28",
     "typescript": "~1.8.10",
@@ -99,6 +106,7 @@
     "version": 7
   },
   "scripts": {
+    "bench": "npm run version-check && node scripts/bench/runner.js",
     "build": "npm run version-check && node scripts/rollup/build.js",
     "linc": "git diff --name-only --diff-filter=ACMRTUB `git merge-base HEAD master` | grep '\\.js$' | xargs eslint --",
     "lint": "node ./scripts/tasks/eslint.js",
@@ -112,7 +120,8 @@
     "modulePathIgnorePatterns": [
       "/.module-cache/",
       "<rootDir>/build/",
-      "<rootDir>/scripts/rollup/shims/"
+      "<rootDir>/scripts/rollup/shims/",
+      "<rootDir>/scripts/bench/"
     ],
     "rootDir": "",
     "transform": {

scripts/bench/README.md

@@ -1,40 +1,30 @@
-Work-in-progress benchmarks.
+# React Benchmarking
 
-## Running the suite
+## Commands
 
-You'll need two folders to compare, each of them containing `react.min.js` and `react-dom-server.min.js`. You can run `npm run build` at the repo root to get a `build` folder with these files.
+```bash
+# will comapre local repo vs remote merge base repo (default run)
+yarn bench
 
-For example, if you want to compare a stable verion against master, you can create folders called `build-stable` and `build-master` and use the benchmark scripts like this:
+# will comapre local repo vs remote merge base repo
+# this can significantly improve bench times due to no build
+yarn bench -- --skip-build
 
-```
-$ ./measure.py build-stable stable.txt build-master master.txt
-$ ./analyze.py stable.txt master.txt
-```
+# will only build and run local repo against benchmarks
+yarn bench -- --local
 
-The test measurements (second argument to `analyze`, `master.txt` in this example) will be compared to the control measurements (first argument to `analyze`, `stable.txt` in this example).
+# will only build and run remote merge base repo against benchmarks
+yarn bench -- --remote
 
-Changes with the `-` sign in the output mean `master` is faster than `stable`.
+# will only build and run remote master repo against benchmarks
+yarn bench -- --remote=master
 
-You can name folders any way you like, this was just an example.
+# same as default
+yarn bench -- --remote --local
 
-## Running one
-One thing you can do with them is benchmark initial render time for a realistic hierarchy:
+# runs benchmarks with Chrome in headless mode
+yarn bench -- --headless
 
-```
-$ which jsc
-/System/Library/Frameworks/JavaScriptCore.framework/Versions/Current/Resources/jsc
-$ jsc react-0.14.0.min.js bench-pe-es5.js -e 'var START=Date.now(); React.renderToString(React.createElement(Benchmark)); var END=Date.now(); print(END-START);'
-45
-```
-
-Substitute `js` or `v8` for `jsc` to use SpiderMonkey or V8, respectively, if you've installed them.
-
-## Creating one
-
-To create one, copy `extract-component.js` to your clipboard and paste it into the Chrome console on facebook.com, perhaps after changing the root ID if you don't want the tree with ID `.0`.
-
-Then to convert it to ES5:
-
-```
-babel --whitelist react,react.displayName --compact false bench-pe.js >bench-pe-es5.js
-```
+# runs only specific string matching benchmarks
+yarn bench -- --benchmark=hacker
+```