socket io chat v2

Author: AlexLms

.babelrc

@@ -1,100 +1,91 @@
-// 0 - Off
-// 1 - Warn
-// 2 - Error
-
-module.exports = {
-  'plugins': [
-    'react'
-  ],
-  'extends': [
-    'airbnb'
-  ],
-  env: {
-    es6: true,
-    node: true,
-    browser: true
-  },
-  settings: {
-    "import/resolver": "babel-plugin-root-import"
-  },
-  parser: 'babel-eslint',
-  parserOptions: {
-    ecmaVersion: 8,
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  'rules': {
-    // General JS'
-    "linebreak-style": 0,
-    'no-empty': 0,
-    'no-bitwise': 0,
-    'dot-notation': [2, {
-      'allowPattern': '^(START|FINISH|INIT|DONE|NOT_MODIFIED|304|FAIL)$',
-    }],
-    'no-console': 0,
-    'arrow-parens': 0,
-    'no-extra-semi': 0,
-    'global-require': 0,
-    'arrow-body-style': 0,
-    'no-empty-function': 0,
-    'no-confusing-arrow': 0,
-    'template-curly-spacing': 0,
-    'no-prototype-builtins': 0,
-    'no-param-reassign': 0,
-    'class-methods-use-this': 0,
-    'comma-dangle': [2, 'always-multiline'],
-    'no-use-before-define': [2, {
-      'functions': false,
-    }],
-    'no-unused-expressions': [2, {
-      allowTaggedTemplates: true,
-    }],
-    'no-underscore-dangle': 0,
-    'max-len': [1, 120],
-    'consistent-return': 0,
-    'space-before-function-paren': 0,
-    'func-names': 0,
-    'no-shadow': 0,
-
-    // Import
-    'import/first': 0,
-    'import/extensions': 0,
-    'import/no-unresolved': 0,
-    'import/no-dynamic-require': 0,
-    'import/newline-after-import': 0,
-    'import/prefer-default-export': 0,
-    'import/no-webpack-loader-syntax': 0,
-    'import/no-extraneous-dependencies': 0,
-
-    // React
-    'react/forbid-prop-types': 0,
-    'react/jsx-filename-extension': [2, {
-      'extensions': ['.js', '.jsx'],
-    }],
-    'react/prefer-stateless-function': 0,
-    'react/jsx-boolean-value': 0,
-    'react/prop-types': 0,
-    'react/jsx-no-bind': 1,
-    'react/no-unused-prop-types': 0,
-    'react/sort-comp': [2, {
-      order: [
-        'static-methods',
-        'lifecycle',
-        'everything-else',
-      ],
-    }],
-
-    'jsx-a11y/no-static-element-interactions': 0,
-    'jsx-a11y/img-has-alt': 0,
-    'jsx-a11y/href-no-hash': 0,
-    "jsx-a11y/label-has-for": [ 2, {
-      "components": [ "Label" ],
-      "required": {
-          "every": [ "nesting", "id" ]
-      },
-      "allowChildren": false
-    }]
-  }
-}
+// 0 - Off
+// 1 - Warn
+// 2 - Error
+
+module.exports = {
+  'plugins': [
+    'react'
+  ],
+  'extends': [
+    'airbnb'
+  ],
+  env: {
+    es6: true,
+    node: true,
+    browser: true
+  },
+  parser: 'babel-eslint',
+  parserOptions: {
+    ecmaVersion: 8,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  'rules': {
+    // General JS'
+    "linebreak-style": 0,
+    'no-empty': 0,
+    'no-bitwise': 0,
+    'dot-notation': [2, {
+      'allowPattern': '^(START|FINISH|INIT|DONE|NOT_MODIFIED|304|FAIL)$',
+    }],
+    'no-console': 0,
+    'arrow-parens': 0,
+    'no-extra-semi': 0,
+    'global-require': 0,
+    'arrow-body-style': 0,
+    'no-empty-function': 0,
+    'no-confusing-arrow': 0,
+    'template-curly-spacing': 0,
+    'no-prototype-builtins': 0,
+    'no-param-reassign': 0,
+    'class-methods-use-this': 0,
+    'comma-dangle': [2, 'always-multiline'],
+    'no-use-before-define': [2, {
+      'functions': false,
+    }],
+    'no-unused-expressions': [2, {
+      allowTaggedTemplates: true,
+    }],
+    'no-underscore-dangle': 0,
+    'max-len': [1, 120],
+    'consistent-return': 0,
+    'space-before-function-paren': 0,
+    'func-names': 0,
+    'no-shadow': 0,
+
+    // Import
+    'import/first': 0,
+    'import/extensions': 0,
+    'import/no-unresolved': 0,
+    'import/no-dynamic-require': 0,
+    'import/newline-after-import': 0,
+    'import/prefer-default-export': 0,
+    'import/no-webpack-loader-syntax': 0,
+    'import/no-extraneous-dependencies': 0,
+
+    // React
+    'react/forbid-prop-types': 0,
+    'react/jsx-filename-extension': [2, {
+      'extensions': ['.js', '.jsx'],
+    }],
+    'react/prefer-stateless-function': 0,
+    'react/jsx-boolean-value': 0,
+    'react/prop-types': 0,
+    'react/jsx-no-bind': 1,
+    'react/jsx-one-expression-per-line': 0,
+    'react/no-unused-prop-types': 0,
+    'react/sort-comp': [2, {
+      order: [
+        'static-methods',
+        'lifecycle',
+        'everything-else',
+      ],
+    }],
+
+    'jsx-a11y/no-static-element-interactions': 0,
+    'jsx-a11y/img-has-alt': 0,
+    'jsx-a11y/href-no-hash': 0,
+  }
+}

.eslintrc.js

@@ -1,28 +1,5 @@
-# See https://help.github.com/ignore-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-
-# testing
-/coverage
-
-# production
-/build
-yarn.lock
-/yarn.lock/
-log.txt
-public
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# mockups
-/psd/
+/node_modules
+node_modules
+/dist/
+psd
+package-lock.json

.gitignore

@@ -1,20 +1,19 @@
-# React-redux socket.io Chat
+# ~ React-redux socket.io Chat ~
 
 This is my PET Chat project that I'd like to share with you.
 
+# [Webpack 4, babel 7, styled-components, redux, redux-thunk, socket.io]
+
+
 # Installation
 
 1) Open your console and type:
 
 2) Install dependencies via npm `npm i` or yarn `yarn install`.
 
-3) Build ui application `npm run dev || prod`.
-
-4) Start web server `npm run server`.
+3) Start web server `npm run server`.
 
-4.1) For fast start use `npm run start`
-
-5) Open 2 Browser tabs and enter 2 different nicknames. Navigate to [http://localhost:5001](http://localhost:5001)
+4) Open 2 Browser tabs and enter 2 different nicknames. Navigate to [http://localhost:5001](http://localhost:5001)
 
 6) Type anything in a chat.
 
@@ -26,15 +25,6 @@ This is my PET Chat project that I'd like to share with you.
 - My [base styles](https://github.com/AlexLasagna/React-redux-socket.io-Chat/tree/master/src/styles)
 - My [components](https://github.com/AlexLasagna/React-redux-socket.io-Chat/tree/master/src/pages)
 
-# What I used in this PET project
-
-- [React.js](https://reactjs.org/)
-- [Redux](https://redux.js.org/)
-- [styled-components](https://www.styled-components.com/)
-- [Webpack](https://webpack.js.org/) to compile jsx and stuff
-- [socket.io](https://socket.io/)
-- Linted my project with [my-eslint-config](https://github.com/AlexLasagna/React-redux-socket.io-Chat/blob/master/.eslintrc.js)
-
 # Build production
 
-If you want to build a production version of my app you need to type `npm run prod` || `yarn prod` in a console. This will create public folder where everything will be compressed and minified.
+If you want to build a production version of my app you need to type `npm run build` || `yarn build` in a console. This will create dist folder where everything will be compressed and minified.