v.1.0.0

First stage. Git file upload.

CHANGELOG.md

@@ -0,0 +1,5 @@
+## Suspense/Lazy/Redux App
+
+
+# 0.0.1
+ * App has created.

globals.js

@@ -0,0 +1,5 @@
+global.__TEST__ = process.env.NODE_ENV === 'test';
+global.__DEV__ = process.env.NODE_ENV === 'development';
+global.__PROD__ = process.env.NODE_ENV === 'production';
+global.__NODE_ENV__ = process.env.NODE_ENV;
+global.__PORT__ = process.env.PORT;

jest.config.js

@@ -0,0 +1,22 @@
+module.exports = {
+    cacheDirectory: '<rootDir>/.tmp/jest',
+    coverageDirectory: './.tmp/coverage',
+    moduleNameMapper: {
+      '^.+\\.(scss)$': 'identity-obj-proxy'
+    },
+    modulePaths: ['<rootDir>'],
+    moduleFileExtensions: ['js', 'jsx', 'json'],
+    globals: {
+      NODE_ENV: 'test'
+    },
+    verbose: true,
+    testRegex: '(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$',
+    testPathIgnorePatterns: ['/node_modules/', '/__tests__/mocks/.*'],
+    transformIgnorePatterns: ['.*(node_modules)(?!.*torn.*).*$'],
+    transform: {
+      '^.+\\.js$': 'babel-jest'
+    },
+    setupFiles: ['<rootDir>/setupTests.js'],
+    snapshotSerializers: ['enzyme-to-json/serializer']
+  }
+

lerna.json

@@ -0,0 +1,6 @@
+{
+    "lerna": "2.11.0",
+    "npmClient": "yarn",
+    "useWorkspaces": false,
+    "hoist": true
+  }

package.json

@@ -0,0 +1,154 @@
+{
+  "name": "webpack4react17StarterKit",
+  "version": "1.0.0",
+  "description": "test stend to show how easy we can make code-splitting by in-box features in React 16.7 - Suspense and lazy.",
+  "main": "index.js",
+  "author": "Sviat Kuzhelev",
+  "license": "MIT",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.json": [
+      "jsonlint --formatter=verbose",
+      "git add"
+    ],
+    "*.scss": [
+      "stylelint --fix --syntax scss --formatter=verbose",
+      "git add"
+    ],
+    "*.@(js|jsx)": [
+      "prettier --config prettier.config.js",
+      "eslint --quiet",
+      "git add",
+      "jest --bail --findRelatedTests"
+    ]
+  },
+  "scripts": {
+    "start:dev": "better-npm-run start:dev",
+    "start:prod": "better-npm-run start:prod",
+    "test": "better-npm-run test",
+    "clean": "rimraf dist",
+    "push": "npm run lint && git push",
+    "compile": "better-npm-run compile",
+    "lint": "prettier --single-quote --no-semi --print-width 120 --write '{src,tests}/**/*.js'",
+    "eslint": "eslint --quiet ../../.eslintrc",
+    "csslint": "stylelint **/*.scss --config ../../.stylelintrc"
+  },
+  "betterScripts": {
+    "compile": {
+      "command": "node server/compiler",
+      "env": {
+        "NODE_ENV": "production",
+        "DEBUG": "app:*"
+      }
+    },
+    "start:dev": {
+      "command": "node server/server",
+      "env": {
+        "NODE_ENV": "development",
+        "DEBUG": "app:*"
+      }
+    },
+    "start:prod": {
+      "command": "node server/server",
+      "env": {
+        "NODE_ENV": "production",
+        "DEBUG": "app:*"
+      }
+    },
+    "test": {
+      "command": "node server/server",
+      "env": {
+        "NODE_ENV": "test",
+        "DEBUG": "app:*"
+      }
+    }
+  },
+  "repository": {
+    "type": "git"
+  },
+  "devDependencies": {
+    "@types/classnames": "^2.2.6",
+    "@types/enzyme": "^3.1.14",
+    "@types/enzyme-adapter-react-16": "^1.0.3",
+    "@types/jest": "^23.3.9",
+    "@types/lodash": "^4.14.117",
+    "@types/node": "^10.12.1",
+    "@types/prop-types": "^15.5.6",
+    "@types/react-dom": "^16.0.9",
+    "@types/react-redux": "^6.0.9",
+    "@types/webpack": "^4.4.17",
+    "@types/webpack-dev-middleware": "^2.0.2",
+    "@types/webpack-env": "^1.13.6",
+    "@types/webpack-hot-middleware": "^2.16.4",
+    "autoprefixer": "^9.3.1",
+    "babel-eslint": "^10.0.1",
+    "better-npm-run": "^0.1.1",
+    "classnames": "^2.2.6",
+    "css-loader": "^1.0.1",
+    "cssnano": "^4.1.7",
+    "eslint": "^5.8.0",
+    "eslint-config-airbnb": "^17.1.0",
+    "eslint-plugin-babel": "^5.0.0",
+    "eslint-plugin-import": "^2.11.0",
+    "eslint-plugin-jest": "^21.22.0",
+    "eslint-plugin-jsx-a11y": "^6.1.1",
+    "eslint-plugin-promise": "^3.4.0",
+    "eslint-plugin-react": "^7.11.1",
+    "eslint-plugin-react-hooks": "^0.0.0",
+    "husky": "^1.1.2",
+    "lerna": "^2.11.0",
+    "lint-staged": "^8.0.3",
+    "node-sass": "^4.9.4",
+    "postcss-cssnext": "^3.1.0",
+    "postcss-import": "^12.0.1",
+    "postcss-loader": "^3.0.0",
+    "postcss-preset-env": "^6.3.0",
+    "postcss-scss": "^2.0.0",
+    "precss": "^3.1.2",
+    "redbox-react": "^1.6.0",
+    "sass-loader": "^7.1.0",
+    "style-loader": "^0.23.1",
+    "stylelint": "^9.4.0",
+    "stylelint-config-sass-guidelines": "^5.2.0",
+    "stylelint-config-standard": "^18.2.0",
+    "stylelint-no-unsupported-browser-features": "^3.0.1",
+    "stylelint-order": "^1.0.0",
+    "stylelint-scss": "^3.3.0",
+    "url-loader": "^1.1.2",
+    "webpack-bundle-analyzer": "^3.0.3"
+  },
+  "dependencies": {
+    "@babel/preset-env": "^7.1.0",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/preset-stage-3": "^7.0.0",
+    "@babel/preset-typescript": "^7.1.0",
+    "babel": "^6.23.0",
+    "babel-loader": "^8.0.4",
+    "browser-sync": "^2.26.3",
+    "browser-sync-webpack-plugin": "^2.2.2",
+    "clean-webpack-plugin": "^0.1.19",
+    "debug": "^4.1.0",
+    "express": "^4.16.4",
+    "html-loader": "^0.5.5",
+    "html-webpack-plugin": "^3.2.0",
+    "mini-css-extract-plugin": "^0.4.1",
+    "normalizr": "^3.2.4",
+    "optimize-css-assets-webpack-plugin": "^5.0.1",
+    "path": "^0.12.7",
+    "prop-types": "^15.6.0",
+    "react": "^16.7.0-alpha.0",
+    "react-dom": "^16.7.0-alpha.0",
+    "react-redux": "^5.1.0",
+    "redux": "^4.0.1",
+    "uglifyjs-webpack-plugin": "^1.2.7",
+    "webpack": "^4.23.1",
+    "webpack-cli": "^3.1.2",
+    "webpack-dev-middleware": "^3.4.0",
+    "webpack-dev-server": "^3.1.10",
+    "webpack-hot-middleware": "^2.24.3"
+  }
+}

postcss.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  plugins: {
+    'postcss-import': {},
+    'postcss-cssnext': {},
+    'postcss-preset-env': {},
+    'cssnano': {}
+  }
+};

prettier.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  useTabs: false,
+  printWidth: 120,
+  tabWidth: 2,
+  singleQuote: true,
+  trailingComma: 'none',
+  jsxBracketSameLine: false,
+  semi: false,
+  write: true
+}

setupTests.js

@@ -0,0 +1,18 @@
+// TODO: Remove these polyfills once the below issue is sorted
+// https://github.com/facebookincubator/create-react-app/issues/3199#issuecomment-332842582
+global.requestAnimationFrame = cb => {
+  setTimeout(cb, 0);
+};
+
+global.matchMedia = window.matchMedia || function() {
+  return {
+    matches: false,
+    addListener: () => {},
+    removeListener: () => {}
+  };
+};
+
+import Enzyme from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+
+Enzyme.configure({ adapter: new Adapter() });

tsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "checkJs": false,
+    "module": "esnext",
+    "target": "es5",
+    "jsx": "react",
+    "moduleResolution": "node",
+    "lib": ["es6", "dom"]
+  },
+  "typeAcquisition": {
+    "enable": true
+  },
+  "typeRoots": [
+    "./typings.d.ts",
+    "./node_modules/@types"
+  ],
+  "include": [
+    ".src/.ts",
+    "src/**/*",
+    "./typings.d.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "**/*.test.ts",
+    "server",
+    "dist"
+  ]
+}