A Code Quality Metrics Model for React-Based Web Applications

Abstract

With the increasing of website user experiences, the interactive UI effect adds the complexity of web applications, which results in the development of Web front-end frameworks. Nevertheless, the existing code quality metrics models are not able to measure the code quality of Web front-end frameworks effectively. On the other hand, it is also difficult to present a quality metrics model that can evaluate the software frameworks comprehensively, so we should focus on a specific measurement object in order to improve accuracy of metrics. On this groundwork, we present a code quality metrics model for Web front-end frameworks based on React. In this model, we put forward 16 metric units, according to the characteristics of JavaScript and React through experiments. Then we determine the quantitative rules for each metric unit. At long last, we generate a set of scores to measure Web applications. In the part of experiment, firstly we select two projects as our benchmarks, then we choose a real project to evaluate the code qualify and compare the results with people’s evaluation of this project. The experiment results imply that this model is reliable and has some directing significance. The primary contributions of this paper are proposing a new code quality metrics model for JavaScript and React, which is a new research direction in the area of code quality metrics. By this model, we can monitor code quality and enhance development efficiency.