tslint-config-shopify/rules/react.js

Shopify's baseline TSLint config.

"use strict";
// tslint-react
// Lint rules related to React & JSX for TSLint.
// Reference https://github.com/palantir/tslint-react
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = {
    // Enforces a consistent style for multiline JSX elements which promotes ease of
    // editing via line-wise manipulations as well as maintainabilty via small diffs when changes are made.
    'jsx-alignment': true,
    // Allows blacklisting of props in JSX with an optional explanatory message in the reported failure.
    'jsx-ban-props': false,
    // When using a boolean attribute in JSX, you can set the attribute value to true or omit the value. // This rule will enforce one or the other to keep consistency in your code.
    'jsx-boolean-value': [true, 'never'],
    // Requires or bans spaces between curly brace characters in JSX; Rule options: ["always", "never"]
    'jsx-curly-spacing': ['never'],
    // Forbids function binding in JSX attributes. This has the same intent as jsx-no-lambda in helping you avoid excessive re-rendres.
    'jsx-no-bind': true,
    // Creating new anonymous functions (with either the function syntax or ES2015 arrow syntax) inside the render call stack works against pure component rendering.
    // When doing an equality check between two lambdas, React will always consider them unequal values and force the component to re-render more often than necessary.
    'jsx-no-lambda': true,
    // Disallows multiline JS expressions inside JSX blocks to promote readability
    'jsx-no-multiline-js': false,
    // Passing strings to the ref prop of React elements is considered a legacy feature and will soon be deprecated.
    // Instead, use a callback.
    'jsx-no-string-ref': true,
    // Enforces that JSX elements with no children are self-closing.
    'jsx-self-close': true,
    // Enforces use of a translation function. Plain string literals are disallowed in JSX when enabled.
    'jsx-use-translation-function': true,
    // Enforces that multiline JSX expressions are wrapped with parentheses.
    // Opening parenthesis must be followed by a newline.
    // Closing parenthesis must be preceded by a newline.
    'jsx-wrap-multiline': false,
};