7f2dd5260f
- Complete React app with 7 developer tools - JSON Tool with visual structured editor - Serialize Tool with visual structured editor - URL, Base64, CSV/JSON, Beautifier, Diff tools - Responsive navigation with dropdown menu - Dark/light mode toggle - Mobile-responsive design with sticky header - All tools working with copy/paste functionality
46 lines
1.2 KiB
Markdown
46 lines
1.2 KiB
Markdown
# confusing-browser-globals
|
|
|
|
A curated list of browser globals that commonly cause confusion and are not recommended to use without an explicit `window.` qualifier.
|
|
|
|
## Motivation
|
|
|
|
Some global variables in browser are likely to be used by people without the intent of using them as globals, such as `status`, `name`, `event`, etc.
|
|
|
|
For example:
|
|
|
|
```js
|
|
handleClick() { // missing `event` argument
|
|
this.setState({
|
|
text: event.target.value // uses the `event` global: oops!
|
|
});
|
|
}
|
|
```
|
|
|
|
This package exports a list of globals that are often used by mistake. You can feed this list to a static analysis tool like ESLint to prevent their usage without an explicit `window.` qualifier.
|
|
|
|
## Installation
|
|
|
|
```sh
|
|
npm install --save confusing-browser-globals
|
|
```
|
|
|
|
## Usage
|
|
|
|
If you use Create React App, you don't need to configure anything, as this rule is already included in the default `eslint-config-react-app` preset.
|
|
|
|
If you maintain your own ESLint configuration, you can do this:
|
|
|
|
```js
|
|
const restrictedGlobals = require('confusing-browser-globals');
|
|
|
|
module.exports = {
|
|
rules: {
|
|
'no-restricted-globals': ['error'].concat(restrictedGlobals),
|
|
},
|
|
};
|
|
```
|
|
|
|
## License
|
|
|
|
MIT
|