This plugins allows you to define a whitelist of symbols, that if they are undefined, ESLint will automatically import when you have autofixing enabled in your editor.
npm i eslint-plugin-10xAdd it to your .eslintrc:
{
"plugins": ["10x"],
"rules": {
"10x/auto-import": [
"error",
{
"imports": {
"useRef": "import {useRef} from 'react'",
"useEffect": "import {useEffect} from 'react'",
"useState": "import {useState} from 'react'",
"useCallback": "import {useCallback} from 'react'"
}
}
]
}
}Use this plugin in conjunction with prettier-plugin-organize-imports and it will automatically merge two imports from the same library into one.
MIT
© 2021 Jonny Burger