#Complexity of the code snippit install

The cyclomatic complexity is a quantitative measure of the number of linearly independent paths through a program’s source code The cyclomatic complexity is defined as below : Cyclomatic Complexity In this case, you may use the option -f react, which will extract the nested functions and display their complexity scores separately. These scores are probably the most relevant because they represent the real complexity of the component, but you may prefer to display separately the results for each nested function of the component (hooks, subcomponents. In this case, Genese Cpx will display the complexity scores of all the parent component, including its own logic, hooks and subcomponents. However, you may prefer to keep the logic and the subcomponents inside the parent component. A good article about React best practices is available here. This is relevant if you respect the React best practices by extracting most of the logic from the component into custom hooks or extracted functions. Without specific configuration, Genese Cpx displays the complexity index of the logic of the functional component (excluding JSX). The React functional components are arrow functions containing some logic and Jsx code. Some frameworks may need specific calculations to be able to display a report relevant with their specificities. Some parameters are configurable by creating a file geneseconfig.json located on the folder where you enter the command-line. In addition, you will find detailed information of each of these methods, with explanations of the calculation mode of their cognitive complexity. 4.2 File reportsĪs folder reports, the file reports display complexity statistics of files methods. The second presents information of the files inside the current folder (but not inside its subfolders), and the third array displays the complexity indexes of each method of each file located in the current folder or its subfolders, sorted by decreasing cognitive complexity index. The bar charts display the number of methods by complexity score.īelow these charts, the first array displays the detailed information of each subfolder.

The statistics near this chart are reminding warning and error thresholds (which can be customized), and display the number of methods by status. The 'doughnut chart' is an overview of the distribution of the project's methods statuses (correct, warning and error). The main part of the page consist in two pairs of charts : the left one is about cognitive complexity and the other one about cyclomatic complexity. These scores will give you an overview of its global complexity. The dashboard's header presents the global statistics of the analyzed project. Interpretation of results 4.1 Folder reports You just need to open it in a browser to display the results. This command line will generate a report in the folder genese/complexity/reports (it can be customized) named folder-report.html.

#Complexity of the code snippit install

Genese Cpx is used through the You need to install it first:Īvailable options are: ts, js, tsx, jsx and java. Genese Cpx is available for JS, TS, JSX, TSX and JAVA.

With this module, you will be able to find quickly the methods with too high complexity index and which should be examined carefully. Genese Cpx is an audit tool which allows you to identify quickly the bad practices concerning cognitive or cyclomatic complexity. This module is a part of the tool suite which is an opensource project whose aim is to provide tools helping developers to code faster and with a better code quality. Moreover, you will find for each method the elements increasing the cognitive complexity, which will help you to refactor your code. It creates an HTML report displaying an overview of the complexities index for each folder, file or method of your project. Genese Cpx Cpx analyzes the source code of your project and estimates the cognitive complexity of each code snippet.