Initial commit

.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    "@babel/preset-react",
+    [
+      "@babel/preset-env",
+      {
+        "targets": ">0.25%, not ie 11, not op_mini all"
+      }
+    ]
+  ],
+  "plugins": ["codegen"]
+}

.gitignore

@@ -0,0 +1,2 @@
+/node_modules
+yarn-error.log

.nvmrc

@@ -0,0 +1 @@
+10.11.0

package.json

@@ -0,0 +1,36 @@
+{
+  "name": "auto-gen-code-blog-post-build-with-autogen-build-perf",
+  "version": "0.1.0",
+  "main": "index.js",
+  "engines": {
+    "node": ">=10.11.0"
+  },
+  "scripts": {
+    "start": "webpack-dev-server --mode development --hot",
+    "build": "webpack --mode production",  
+    "lint": "yarn standard --fix"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/core": "^7.2.0",
+    "@babel/preset-env": "^7.2.0",
+    "@babel/preset-react": "^7.0.0",
+    "babel-loader": "^8.0.4",
+    "clean-webpack-plugin": "^1.0.0",
+    "html-webpack-plugin": "^3.2.0",
+    "redux-devtools-extension": "^2.13.7",
+    "serve": "^10.1.1",
+    "standard": "^12.0.1",
+    "webpack": "4.26.1",
+    "webpack-cli": "^3.1.2",
+    "webpack-dev-server": "^3.1.10"
+  },
+  "dependencies": {
+    "babel-plugin-codegen": "^3.0.0",    
+    "lodash": "^4.17.11",
+    "react": "^16.7.0-alpha.2",
+    "react-dom": "^16.7.0-alpha.2",
+    "react-redux": "^6.0.0",
+    "redux": "^4.0.1"    
+  }
+}

src/components/app/app.component.js

@@ -0,0 +1,215 @@
+import React from 'react'
+
+import Test1 from '../test1'
+import Test2 from '../test2'
+import Test3 from '../test3'
+import Test4 from '../test4'
+import Test5 from '../test5'
+import Test6 from '../test6'
+import Test7 from '../test7'
+import Test8 from '../test8'
+import Test9 from '../test9'
+import Test10 from '../test10'
+import Test11 from '../test11'
+import Test12 from '../test12'
+import Test13 from '../test13'
+import Test14 from '../test14'
+import Test15 from '../test15'
+import Test16 from '../test16'
+import Test17 from '../test17'
+import Test18 from '../test18'
+import Test19 from '../test19'
+import Test20 from '../test20'
+import Test21 from '../test21'
+import Test22 from '../test22'
+import Test23 from '../test23'
+import Test24 from '../test24'
+import Test25 from '../test25'
+import Test26 from '../test26'
+import Test27 from '../test27'
+import Test28 from '../test28'
+import Test29 from '../test29'
+import Test30 from '../test30'
+import Test31 from '../test31'
+import Test32 from '../test32'
+import Test33 from '../test33'
+import Test34 from '../test34'
+import Test35 from '../test35'
+import Test36 from '../test36'
+import Test37 from '../test37'
+import Test38 from '../test38'
+import Test39 from '../test39'
+import Test40 from '../test40'
+import Test41 from '../test41'
+import Test42 from '../test42'
+import Test43 from '../test43'
+import Test44 from '../test44'
+import Test45 from '../test45'
+import Test46 from '../test46'
+import Test47 from '../test47'
+import Test48 from '../test48'
+import Test49 from '../test49'
+import Test50 from '../test50'
+import Test51 from '../test51'
+import Test52 from '../test52'
+import Test53 from '../test53'
+import Test54 from '../test54'
+import Test55 from '../test55'
+import Test56 from '../test56'
+import Test57 from '../test57'
+import Test58 from '../test58'
+import Test59 from '../test59'
+import Test60 from '../test60'
+import Test61 from '../test61'
+import Test62 from '../test62'
+import Test63 from '../test63'
+import Test64 from '../test64'
+import Test65 from '../test65'
+import Test66 from '../test66'
+import Test67 from '../test67'
+import Test68 from '../test68'
+import Test69 from '../test69'
+import Test70 from '../test70'
+import Test71 from '../test71'
+import Test72 from '../test72'
+import Test73 from '../test73'
+import Test74 from '../test74'
+import Test75 from '../test75'
+import Test76 from '../test76'
+import Test77 from '../test77'
+import Test78 from '../test78'
+import Test79 from '../test79'
+import Test80 from '../test80'
+import Test81 from '../test81'
+import Test82 from '../test82'
+import Test83 from '../test83'
+import Test84 from '../test84'
+import Test85 from '../test85'
+import Test86 from '../test86'
+import Test87 from '../test87'
+import Test88 from '../test88'
+import Test89 from '../test89'
+import Test90 from '../test90'
+import Test91 from '../test91'
+import Test92 from '../test92'
+import Test93 from '../test93'
+import Test94 from '../test94'
+import Test95 from '../test95'
+import Test96 from '../test96'
+import Test97 from '../test97'
+import Test98 from '../test98'
+import Test99 from '../test99'
+import Test100 from '../test100'
+
+const App = () => {
+  return (
+    <>
+      <h1>Testing performance without babel-plugin-codegen</h1>
+      <Test1 />
+      <Test2 />
+
+      <Test3 />
+      <Test4 />
+      <Test5 />
+      <Test6 />
+      <Test7 />
+      <Test8 />
+      <Test9 />
+      <Test10 />
+
+      <Test11 />
+      <Test12 />
+      <Test13 />
+      <Test14 />
+      <Test15 />
+      <Test16 />
+      <Test17 />
+      <Test18 />
+      <Test19 />
+      <Test20 />
+      <Test21 />
+      <Test22 />
+      <Test23 />
+      <Test24 />
+      <Test25 />
+      <Test26 />
+      <Test27 />
+      <Test28 />
+      <Test29 />
+      <Test30 />
+      <Test31 />
+      <Test32 />
+      <Test33 />
+      <Test34 />
+      <Test35 />
+      <Test36 />
+      <Test37 />
+      <Test38 />
+      <Test39 />
+      <Test40 />
+      <Test41 />
+      <Test42 />
+      <Test43 />
+      <Test44 />
+      <Test45 />
+      <Test46 />
+      <Test47 />
+      <Test48 />
+      <Test49 />
+      <Test50 />
+      <Test51 />
+      <Test52 />
+      <Test53 />
+      <Test54 />
+      <Test55 />
+      <Test56 />
+      <Test57 />
+      <Test58 />
+      <Test59 />
+      <Test60 />
+      <Test61 />
+      <Test62 />
+      <Test63 />
+      <Test64 />
+      <Test65 />
+      <Test66 />
+      <Test67 />
+      <Test68 />
+      <Test69 />
+      <Test70 />
+      <Test71 />
+      <Test72 />
+      <Test73 />
+      <Test74 />
+      <Test75 />
+      <Test76 />
+      <Test77 />
+      <Test78 />
+      <Test79 />
+      <Test80 />
+      <Test81 />
+      <Test82 />
+      <Test83 />
+      <Test84 />
+      <Test85 />
+      <Test86 />
+      <Test87 />
+      <Test88 />
+      <Test89 />
+      <Test90 />
+      <Test91 />
+      <Test92 />
+      <Test93 />
+      <Test94 />
+      <Test95 />
+      <Test96 />
+      <Test97 />
+      <Test98 />
+      <Test99 />
+      <Test100 />
+
+    </>
+  )
+}
+
+export default App

src/components/app/index.js

@@ -0,0 +1 @@
+import /* codegen(__dirname) */ '../../utils/generateComponentIndex.js'

src/components/test1/index.js

@@ -0,0 +1 @@
+import /* codegen(__dirname) */ '../../utils/generateComponentIndex.js'

src/components/test1/test1.component.js

@@ -0,0 +1,12 @@
+import React from 'react'
+
+const Test1 = ({ something, doSomething }) => (
+  <form>
+    <div>Test component 1: {something}</div>
+    <button onClick={doSomething}>
+      Do something
+    </button>
+  </form>
+)
+
+export default Test1

src/components/test1/test1.connect.js

@@ -0,0 +1,16 @@
+import { connect } from 'react-redux'
+import { actions as testActions, selectors as testSelectors } from '../../reducers/test.reducer'
+
+const mapStateToProps = state => ({
+  something: testSelectors.getSomething(state)
+})
+
+const mapDispatchToProps = dispatch => ({
+  doSomething: () =>
+    dispatch(testActions.doSomething())
+})
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)

src/components/test10/index.js

@@ -0,0 +1 @@
+import /* codegen(__dirname) */ '../../utils/generateComponentIndex.js'

src/components/test10/test10.component.js

@@ -0,0 +1,12 @@
+import React from 'react'
+
+const Test10 = ({ something, doSomething }) => (
+  <form>
+    <div>Test component 10: {something}</div>
+    <button onClick={doSomething}>
+      Do something
+    </button>
+  </form>
+)
+
+export default Test10

src/components/test10/test10.connect.js

@@ -0,0 +1,16 @@
+import { connect } from 'react-redux'
+import { actions as testActions, selectors as testSelectors } from '../../reducers/test.reducer'
+
+const mapStateToProps = state => ({
+  something: testSelectors.getSomething(state)
+})
+
+const mapDispatchToProps = dispatch => ({
+  doSomething: () =>
+    dispatch(testActions.doSomething())
+})
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)

src/components/test100/index.js

@@ -0,0 +1 @@
+import /* codegen(__dirname) */ '../../utils/generateComponentIndex.js'

src/components/test100/test100.component.js

@@ -0,0 +1,12 @@
+import React from 'react'
+
+const Test100 = ({ something, doSomething }) => (
+  <form>
+    <div>Test component 100: {something}</div>
+    <button onClick={doSomething}>
+      Do something
+    </button>
+  </form>
+)
+
+export default Test100

src/components/test100/test100.connect.js

@@ -0,0 +1,16 @@
+import { connect } from 'react-redux'
+import { actions as testActions, selectors as testSelectors } from '../../reducers/test.reducer'
+
+const mapStateToProps = state => ({
+  something: testSelectors.getSomething(state)
+})
+
+const mapDispatchToProps = dispatch => ({
+  doSomething: () =>
+    dispatch(testActions.doSomething())
+})
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)

src/components/test11/index.js

@@ -0,0 +1 @@
+import /* codegen(__dirname) */ '../../utils/generateComponentIndex.js'

src/components/test11/test11.component.js

@@ -0,0 +1,12 @@
+import React from 'react'
+
+const Test11 = ({ something, doSomething }) => (
+  <form>
+    <div>Test component 11: {something}</div>
+    <button onClick={doSomething}>
+      Do something
+    </button>
+  </form>
+)
+
+export default Test11