Avaliando o impacto do controle de concorrência do React 18: um estudo de caso.

Abstract

With version 18 of the React library, features were introduced that use the concept of concurrency to create web systems that provide a better experience for the user. Among the new tools offered is the useDefferedValue hook, which allows defining a value that will be updated with a delay. In this work, this hook was used to propose improvements in a system with problematic points. To perform a comparative analysis between a system with and without the use of this hook, a simulation of interactions was created that allowed collecting performance timelines. When analyzing these timelines, it was observed that the use of useDefferedValue led to advantages such as reducing the time required to perform actions and obtaining faster feedback on actions taken. In addition, browser resources were saved by avoiding the calculation of intermediate steps not desired by the user, optimizing the system's performance.