tslint-jsx-typed-class-name
TSLint rule to provide typed class names for the jsx attribute className
. Add more safety to your react components, especially with the css utility library of your choice.
Installation
npm install tslint-jsx-typed-class-name --save-dev
or
yarn add --dev tslint-jsx-typed-class-name
Usage
tslint-jsx-typed-class-name has peer dependencies on TSLint and TypeScript.
To use this rule, add "tslint-jsx-typed-class-name"
to the rulesDirectory
.
Here's a sample configuration where tslint.json
lives adjacent to your node_modules
folder and with an existing css file styles/index.css
:
{
"extends": ["tslint:latest"],
"rulesDirectory": [
"tslint-jsx-typed-class-name"
],
"rules": {
// Configure jsx-typed-class-name here
"jsx-typed-class-name": {
"severity": "warning",
"options": [
"styles/index.css"
]
}
}
}
Css parsing
All listed css files are parsed for class selectors.
@import
rules are automatically followed. If an import path starts with ~
the import is treated as a node module relative to current working directory.
All parsed css files are watched for file changes. When a change is detected the parsing is redone. Useful when in development watch mode.