Refactoring React-based Web Apps

This dataset was utilized in the research paper titled "Refactorings in React-based Web Apps," accepted for publication in The Journal of Systems and Software. Herein, we present a concise abstract of the study. Refactoring is a well-known technique to improve software quality. However, there are relevant domains where refactoring has not been studied in-depth before, such as JavaScript front-end frameworks. To fill this gap, we empirically study refactorings that developers perform when maintaining and evolving React-based Web applications. By manually inspecting 320 refactoring commits performed in open source projects, we catalog 69 distinct refactoring operations of which 25 are specific to React code, 17 are adaptations of traditional refactorings for the React context, 22 are traditional refactorings, and six are specific to JavaScript and CSS code. The catalog of refactorings proposed in this article might support practitioners when improving the maintainability of React applications.本数据集已被应用于发表于《系统与软件学报》（The Journal of Systems and Software）的研究论文《基于React的Web应用重构》（Refactorings in React-based Web Apps）。下文将呈现该研究的简要摘要。 重构是业界公认的用于提升软件质量的技术手段。然而在JavaScript前端框架这一相关领域中，此前尚未对重构展开深入研究。为填补这一研究空白，我们针对开发者在维护与演进基于React的Web应用时所执行的重构操作开展了实证研究。我们手动审查了开源项目中的320条重构代码提交，最终整理出69种不同的重构操作：其中25种为React代码专属重构，17种是适配React开发场景的传统重构，22种为通用传统重构，另有6种专属于JavaScript与CSS代码。本文提出的重构编目可助力从业者提升React应用的可维护性。