Giter Club home page Giter Club logo

project-base's Introduction

npx create-next-app@latest

cd folder

npx eslint --init
yarn add --dev eslint-plugin-react-hooks

Edit eslintrc.json

Add to plugins

"plugins": ["react", "@typescript-eslint", "react-hooks"],

Add to rules

"rules": {"react-hooks/rules-of-hooks": "error","react-hooks/exhaustive-deps": "warn","react/react-in-jsx-scope": "off"}

Add to settings

"settings":{"react":{"version": "detect"}}
yarn add --dev --exact prettier

Create .prettierrc

{"trailingComma": "none","semi": true,"singleQuote": true}
yarn add --dev eslint-config-prettier eslint-plugin-prettier

Open .eslintrc.json Add to extends

"extends": ["plugin:prettier/recommended","prettier"],

Add to rules

"rules": {"prettier/prettier": "error"}

Create folder .vscode and inside settings.json

{"editor.formatOnSave": false,"editor.codeActionsOnSave": {"source.fixAll.eslint": true}}
yarn add --dev eslint-plugin-import-helpers

Open .eslintrc.json Add to plugins

"plugins": ["eslint-plugin-import-helpers"]

Add to rules

"rules": {
  "import-helpers/order-imports": [
    "warn",
    {
      "newlinesBetween": "always",
      "groups": [
        ["/^react/","/@react/","/^next/","/@next/"],
          "/module/",
          "/^@shared/",
          "/absolute/",
          ["parent", "sibling", "index"]
      ],
      "alphabetize": { "order": "asc", "ignoreCase": true }
    }
  ]
}

Lets remove @ from import edit tsconfig.json Add to compilerOptions

"baseUrl": "src",

project-base's People

Contributors

brunogallo avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.