Line exceeds 100 characters and arrow body style

I have the following:

export const filteredItems = (state, filter, value) => state.items.filter(item => item.filter === value);

which gives the max-len (100) error.

When I rewrite it by changing the arrow function to the version with { } , naturally I get the error: https://github.com/airbnb/javascript#arrows--implicit-return .

What’s the way around this?

[ljharb]

@gkatsanos Here’s a few options:

export const filteredItems = (state, filter, value) => (
  state.items.filter(item => item.filter === value),
);

export const filteredItems = (state, filter, value) => state.items.filter(
  item => item.filter === value,
);

export const filteredItems = ({ items }, _, value) => items.filter(({ filter }) => filter === value);

If you do have to disable a rule, disable max-len - line length limits are a really subpar proxy for managing complexity, so imo it’s always ok to disable that rule.

[ljharb]

Our style guide does not permit arbitrary linebreaks after assignment; it’s always better to have too-long a line than to hit “enter” in a random place.