Impact of State Management Using the Context API in Single Page Applications

Abstract

This article presents a study aimed at identifying the impact of state management using the Context API tool on Single Page Applications (SPAs). The research was conducted using the React framework and the TypeScript programming language, comparing script loading times between approaches with and without the use of the Context API. Experiments were performed in two componentization scenarios: flat, with components organized in a single hierarchical level, and deep, with five levels of nested components. In the flat componentization tests, differences in loading times between the approaches were minimal, with statistically significant variations observed only at intermediate loads. In contrast, results from the deep componentization scenarios indicated consistently lower loading times with the use of the Context API. Statistical analysis, conducted through the Wilcoxon test, reinforced these results. Thus, it is concluded that under certain conditions, especially in applications with greater structural depth, the use of the Context API may be associated with more efficient performance behavior, as represented by interface loading times.