Instructions

yarn create react-app <projectName>

create editorconfig

` root = true

[*] end_of_line = lf indent_style = space indent_size = 2 charset = utf-8 trim_trailing_whitespace = true insert_final_newline = true `

add eslint

yarn add eslint -D yarn eslint --init yarn add prettier eslint-config-prettier eslint-plugin-prettier babel-eslint -D

edit eslintrc.js

{
  extends: [ 'airbnb', 'prettier', 'prettier/react' ], parser: 'babel-eslint',
  plugins: ['react', 'prettier'],
  rules: {
    'prettier/prettier': 'error',
    'react/jsx-filename-extension': ['warn', { extensions: ['.jsx', '.js'] }],
    'import/prefer-default-export': 'off'
  }
}

create file .prettierrc

{ "singleQuote": true, "trailingComma": "es5" }

Routes

  • add react-router-dom
  • create routes.js

yarn add styled-components

create global styled

yarn add react-icons

yarn add axios