This project is a start React App with commons things i'll apply on my all ReactJS apps.

What is this things?

pack of things:

Plugins and Components

• redux
• redux saga
• redux persist
• immer
• prop-types
• styled-components
• axios
• json-server (developer)
• @rocketseat/unform
• yup
• toastify

Code styling

• ESLINT with arbnb config
• prettier
• babel
• editorconfig
• eslint-import-resolver-babel-plugin-root-import

Ok, i'm coding on vscode, what i need to put in this sh*t?

Go to plugins, and download these:

• Color hihglight for beautiful codes on the code.
• Dracula Official for beautiful vscode
• EditorConfig for VSCODE
• ESLint
• Prettier - Code format
• Rocketseat ReactJS
• vscode-icons
• vscode-styled-components

You need to install a nice font, like FIRE CODE, its NICE! Install this on your S.O and posteriorly you need to configure in your settings.json as i'll say bellow

Thanks, i need to put other things?

Yes, u need to put a nice configuration on your settings.json of vscode. I'm a nice man and a will put this config for you, only copy and paste in your vscode settings.json

{
    "editor.fontFamily": "'Fira Code'",
    "editor.fontLigatures": true,
    "window.zoomLevel": 0,
    "editor.tabSize": 2,
    "editor.renderLineHighlight": "gutter",
    "emmet.syntaxProfiles": {
        "javascript": "jsx"
    },
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "javascript.updateImportsOnFileMove.enabled": "never",
    "breadcrumbs.enabled": true,
    "editor.parameterHints.enabled": false,
    "editor.rulers": [80, 120],
    "eslint.autoFixOnSave": true,
    "editor.formatOnSave": false,
    "eslint.validate": [
        {
            "language": "javascript",
            "autoFix": true
        },
        {
            "language": "javascriptreact",
            "autoFix": true
        }
    ],
    "workbench.colorTheme": "Dracula",
    "workbench.iconTheme": "vscode-icons",
    "explorer.confirmDelete": false
}

NOW YOU CAN START CODE! GOOD LUCK