Arrow Functions Rules

Arrow functions with multiline expressions should use block body or wrap in parentheses

Why: Clear boundaries with braces make the function body obvious

const Button = () => (    <button className="primary">        Click me    </button>);

const Button = () => <button className="primary">    Click me</button>;

"code-style/arrow-function-block-body": "error"

Collapse arrow functions returning simple single-element JSX to one line

Why: Simple component wrappers don't need multi-line formatting

export const Layout = ({ children }) => <Container>{children}</Container>;

export const Layout = ({ children }) => (    <Container>{children}</Container>);

"code-style/arrow-function-simple-jsx": "error"

Convert block body with single return to implicit return

Why: Implicit returns are more concise and idiomatic JavaScript

const double = (x) => x * 2;

const double = (x) => { return x * 2; };

"code-style/arrow-function-simplify": "error"

Curried arrow functions start on same line as =>, not on new line

Why: Curried functions are easier to read when the chain is visible

const createAction = (type) => (payload) => ({ type, payload });

const createAction = (type) =>    (payload) => ({ type, payload });

"code-style/curried-arrow-same-line": "error"