yannickcr/eslint-plugin-react

View on GitHub

Showing 501 of 699 total issues

File jsx-curly-brace-presence.js has 326 lines of code (exceeds 250 allowed). Consider refactoring.
Open

/**
 * @fileoverview Enforce curly braces or disallow unnecessary curly brace in JSX
 * @author Jacky Ho
 * @author Simon Lydell
 */
Severity: Minor
Found in lib/rules/jsx-curly-brace-presence.js - About 3 hrs to fix

    Function create has 95 lines of code (exceeds 25 allowed). Consider refactoring.
    Open

      create(context) {
        const config = context.options[0] || {};
        const allowExpressions = config.allowExpressions || false;
    
        const reactPragma = pragmaUtil.getFromContext(context);
    Severity: Major
    Found in lib/rules/jsx-no-useless-fragment.js - About 3 hrs to fix

      Function buildReactDeclarationTypes has 95 lines of code (exceeds 25 allowed). Consider refactoring.
      Open

        function buildReactDeclarationTypes(value, parentName, rootNode) {
          if (
            value
            && value.callee
            && value.callee.object
      Severity: Major
      Found in lib/util/propTypes.js - About 3 hrs to fix

        Function create has 95 lines of code (exceeds 25 allowed). Consider refactoring.
        Open

          create: Components.detect((context, components) => {
            const configuration = context.options[0] || {};
            let fileVarType = 'var';
        
            const namedConfig = [].concat(
        Severity: Major
        Found in lib/rules/function-component-definition.js - About 3 hrs to fix

          Function create has a Cognitive Complexity of 26 (exceeds 5 allowed). Consider refactoring.
          Open

            create: Components.detect((context, components, utils) => {
              // variables should be defined here
              const options = context.options;
              const defaultCheckType = options[0] || STATIC_PUBLIC_FIELD;
              const hasAdditionalConfig = options.length > 1;
          Severity: Minor
          Found in lib/rules/static-property-placement.js - About 3 hrs to fix

          Cognitive Complexity

          Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

          A method's cognitive complexity is based on a few simple rules:

          • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
          • Code is considered more complex for each "break in the linear flow of the code"
          • Code is considered more complex when "flow breaking structures are nested"

          Further reading

          Function create has a Cognitive Complexity of 26 (exceeds 5 allowed). Consider refactoring.
          Open

            create(context) {
              const configuration = Object.assign({}, optionDefaults, context.options[0]);
          
              function reportMissing(node) {
                report(context, messages.missingType, 'missingType', {
          Severity: Minor
          Found in lib/rules/button-has-type.js - About 3 hrs to fix

          Cognitive Complexity

          Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

          A method's cognitive complexity is based on a few simple rules:

          • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
          • Code is considered more complex for each "break in the linear flow of the code"
          • Code is considered more complex when "flow breaking structures are nested"

          Further reading

          Function create has 93 lines of code (exceeds 25 allowed). Consider refactoring.
          Open

            create(context) {
              function findSpreadVariable(node, name) {
                return variableUtil.variablesInScope(context, node)
                  .find((item) => item.name === name);
              }
          Severity: Major
          Found in lib/rules/no-danger-with-children.js - About 3 hrs to fix

            Function create has a Cognitive Complexity of 25 (exceeds 5 allowed). Consider refactoring.
            Open

              create(context) {
                const configuration = context.options[0] || 'syntax';
                const reactPragma = pragmaUtil.getFromContext(context);
                const fragmentPragma = pragmaUtil.getFragmentFromContext(context);
                const openFragShort = '<>';
            Severity: Minor
            Found in lib/rules/jsx-fragments.js - About 3 hrs to fix

            Cognitive Complexity

            Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

            A method's cognitive complexity is based on a few simple rules:

            • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
            • Code is considered more complex for each "break in the linear flow of the code"
            • Code is considered more complex when "flow breaking structures are nested"

            Further reading

            Function create has a Cognitive Complexity of 25 (exceeds 5 allowed). Consider refactoring.
            Open

              create(context) {
                function isPrefixDisabled(prefix) {
                  return prefix === false;
                }
            
            
            Severity: Minor
            Found in lib/rules/jsx-handler-names.js - About 3 hrs to fix

            Cognitive Complexity

            Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

            A method's cognitive complexity is based on a few simple rules:

            • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
            • Code is considered more complex for each "break in the linear flow of the code"
            • Code is considered more complex when "flow breaking structures are nested"

            Further reading

            Function create has a Cognitive Complexity of 25 (exceeds 5 allowed). Consider refactoring.
            Open

              create: Components.detect((context, components, utils) => {
                /**
                 * Checks if the component is valid
                 * @param {Object} component The component to process
                 * @returns {Boolean} True if the component is valid, false if not.
            Severity: Minor
            Found in lib/rules/no-direct-mutation-state.js - About 3 hrs to fix

            Cognitive Complexity

            Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

            A method's cognitive complexity is based on a few simple rules:

            • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
            • Code is considered more complex for each "break in the linear flow of the code"
            • Code is considered more complex when "flow breaking structures are nested"

            Further reading

            Function create has 89 lines of code (exceeds 25 allowed). Consider refactoring.
            Open

              create(context) {
                const DEFAULT_DEPTH = 2;
            
                const option = context.options[0] || {};
                const maxDepth = has(option, 'max') ? option.max : DEFAULT_DEPTH;
            Severity: Major
            Found in lib/rules/jsx-max-depth.js - About 3 hrs to fix

              Function JSXOpeningElement has 89 lines of code (exceeds 25 allowed). Consider refactoring.
              Open

                    JSXOpeningElement(node) {
                      // `dangerouslySetInnerHTML` is only "reserved" on DOM components
                      const nodeReservedList = reservedFirst && !jsxUtil.isDOMComponent(node) ? reservedList.filter((prop) => prop !== 'dangerouslySetInnerHTML') : reservedList;
              
                      node.attributes.reduce((memo, decl, idx, attrs) => {
              Severity: Major
              Found in lib/rules/jsx-sort-props.js - About 3 hrs to fix

                Function create has 88 lines of code (exceeds 25 allowed). Consider refactoring.
                Open

                  create(context) {
                    const configuration = context.options[0] || {};
                    const ignoreCase = configuration.ignoreCase || false;
                
                    /**
                Severity: Major
                Found in lib/rules/jsx-sort-default-props.js - About 3 hrs to fix

                  File jsx-curly-spacing.js has 312 lines of code (exceeds 250 allowed). Consider refactoring.
                  Open

                  /**
                   * @fileoverview Enforce or disallow spaces inside of curly braces in JSX attributes.
                   * @author Jamund Ferguson
                   * @author Brandyn Bennett
                   * @author Michael Ficarra
                  Severity: Minor
                  Found in lib/rules/jsx-curly-spacing.js - About 3 hrs to fix

                    File boolean-prop-naming.js has 312 lines of code (exceeds 250 allowed). Consider refactoring.
                    Open

                    /**
                     * @fileoverview Enforces consistent naming for boolean props
                     * @author Ev Haus
                     */
                    
                    
                    Severity: Minor
                    Found in lib/rules/boolean-prop-naming.js - About 3 hrs to fix

                      Function isConstruction has 87 lines of code (exceeds 25 allowed). Consider refactoring.
                      Open

                      function isConstruction(node, callScope) {
                        switch (node.type) {
                          case 'Literal':
                            if (node.regex != null) {
                              return { type: 'regular expression', node };
                      Severity: Major
                      Found in lib/rules/jsx-no-constructed-context-values.js - About 3 hrs to fix

                        Function create has 86 lines of code (exceeds 25 allowed). Consider refactoring.
                        Open

                          create(context) {
                            const sourceCode = getSourceCode(context);
                        
                            function getPropName(propNode) {
                              switch (propNode.type) {
                        Severity: Major
                        Found in lib/rules/jsx-props-no-multi-spaces.js - About 3 hrs to fix

                          Function create has a Cognitive Complexity of 24 (exceeds 5 allowed). Consider refactoring.
                          Open

                            create(context) {
                              const configuration = context.options[0] || {};
                          
                              function isFunction(node) {
                                return configuration.allowFunctions && (node.type === 'ArrowFunctionExpression' || node.type === 'FunctionExpression');
                          Severity: Minor
                          Found in lib/rules/no-children-prop.js - About 3 hrs to fix

                          Cognitive Complexity

                          Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

                          A method's cognitive complexity is based on a few simple rules:

                          • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
                          • Code is considered more complex for each "break in the linear flow of the code"
                          • Code is considered more complex when "flow breaking structures are nested"

                          Further reading

                          Function create has 85 lines of code (exceeds 25 allowed). Consider refactoring.
                          Open

                            create(context) {
                              const configuration = Object.assign({}, optionDefaults, context.options[0]);
                          
                              function reportMissing(node) {
                                report(context, messages.missingType, 'missingType', {
                          Severity: Major
                          Found in lib/rules/button-has-type.js - About 3 hrs to fix

                            Function create has 84 lines of code (exceeds 25 allowed). Consider refactoring.
                            Open

                              create: Components.detect((context, components, utils) => {
                                /**
                                 * Checks if the component is valid
                                 * @param {Object} component The component to process
                                 * @returns {Boolean} True if the component is valid, false if not.
                            Severity: Major
                            Found in lib/rules/no-direct-mutation-state.js - About 3 hrs to fix
                              Severity
                              Category
                              Status
                              Source
                              Language