Software methods analysis of optimizing the local state of data web applications management

Проблематика. Актуальність дослідження оптимізації керування локальним станом даних вебзастосунків полягає у забезпеченні високої продуктивності, ефективного використання ресурсів, забезпеченні задоволення користувачів та адаптації до зростаючих вимог сучасного вебсередовища. Використання різного роду бібліотек часто призводить до зниження швидкодії роботи вебзастосунку та ускладнення виконання програмного коду. Об’єктом цього дослідження є процес зберігання та керування даними клієнтської частини вебзастосунку, предметом дослідження є програмні методи керування локальним станом даних вебзастосунку. Мета дослідження. Метою цього дослідження є зменшення часу обробки даних вебзастосунків щодо відомих програмних методів. Методика реалізації. Основна ідея запропонованого методу полягає у використанні атомарного підходу до стану даних вебзастосунку. Маючи довільну сутність, у загальному стані вебзастосунку створюється фрагмент стану, що відповідає тільки за цю сутність. Такий фрагмент є незалежним від інших фрагментів стану і може працювати лише з інкапсульованою сутністю. Використовуючи інкапсуляцію, в React Context API передається конфігурація сутності у вигляді об’єкта, що містить дані та функції, що їх змінюють. Результати дослідження. Розроблений прорамний метод був порівняний з популярними бібліотеками для керування локальним станом даних вебзастосунку Redux, MobXState-Tree та Recoil. Порівнюючи у відсотковому співвідношенні кожний із сценаріїв тестування, отримано в середньому зменшення часу виконання програми на 17 %. Висновки. Для дослідження програмних методів було обрано бібліотеки Redux, MobXState-Tree та Recoil. Аналіз методів виконано за допомогою утиліти SonarQube. Для оцінювання результатів роботи програмних методів використано утиліту браузера Google Chrome DevTools. Запропонований оптимізований програмний метод дозволяє зменшити час обробки даних та оптимізувати керування станом вебзастосунків.Background. The relevance of research on optimizing the management of the local data state of web applications is to ensure high performance, efficient use of resources, ensure user satisfaction and adapt to the growing requirements of the modern web environment. The use of various libraries often leads to a decrease in the speed of the web application and the complexity of the execution of the pro gram code. The object of this study is the process of storing and managing the data of the client part of the web application, the subject of the research is the software methods of managing the local state of the data of the web application. Objective. The goal of the article is the reduction in the data processing time of web applications relative to existing software methods. Methods. The main idea of the proposed method is to use an atomic approach to the state of the web application data. Having an arbitrary entity, in the general state of the web application, a state fragment is created that is responsible only for this entity. Such a fragment is independent of other state fragments and can only work with the encapsulated entity. Using encapsulation, the configuration of an entity is passed to the React Context API as an object containing data and functions that modify it. Results. The developed framework method was compared with popular state management libraries Redux, MobXState-Tree and Recoil. Comparing each of the test scenarios in a percentage ratio, an average decrease in program execution time by 17 % was obtained. Conclusions. The Redux, MobXState-Tree, and Recoil libraries were selected for the research of software methods. The analysis of methods was performed using the SonarQube utility. To evaluate the results of the software methods, the Google Chrome browser utility DevTools was used. The proposed optimized software method allows to reduce the data processing time and optimize the state management of web applications