eslint-plugin-reactxp
Version:
ESlint rules for ReactXP
88 lines (68 loc) • 1.52 kB
Markdown
# Disallow unused styles
## Rule Details
Examples of **incorrect** code for this rule
```ts
let /* Error: Styles array is not marked const */ _styles = {
foo: RX.Styles.createViewStyle({}),
};
const foo = _styles.foo;
```
```tsx
const _styles = {
foo: RX.Styles.createViewStyle({}),
bar: RX.Styles.createViewStyle({}), // Error: Unreferenced style
};
class Foo extends RX.Component {
render() {
const { foo } = _styles;
return <FooComponent style={foo}></FooComponent>;
}
}
```
```tsx
const _styles = {
foo: RX.Styles.createViewStyle({}), // Error: Unreferenced style
bar: RX.Styles.createViewStyle({}),
baz: RX.Styles.createViewStyle({}), // Error: Unreferenced style
};
class Foo extends RX.Component {
render() {
return <FooComponent style={_styles.bar}></FooComponent>;
}
}
```
Examples of **correct** code for this rule
```ts
const _styles = {
foo: RX.Styles.createViewStyle({}),
};
const foo = _styles.foo;
```
```tsx
const _styles = {
foo: RX.Styles.createViewStyle({}),
};
class Foo extends RX.Component {
render() {
return <FooComponent style={_styles.foo}></FooComponent>;
}
}
```
```tsx
const _styles = {
foo: RX.Styles.createViewStyle({}),
bar: RX.Styles.createViewStyle({}),
};
class Foo extends RX.Component {
render() {
const { foo, bar } = _styles;
return <FooComponent style={[foo, bar]}></FooComponent>;
}
}
```
## Options
```CJSON
{
"reactxp/no-unreferenced-styles": ["error", { "variableName": "string" }]
}
```