Web Application State Management Performance Optimization Methods

Oleshchenko, Liubov; Burchak, Pavlo

doi:10.1007/978-3-031-36118-0_6

Cited by 2 publications

(1 citation statement)

References 9 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…Також було детально проаналізовано підхід хуків, що підтверджує його масштабованість. Дослідження [3][4][5][6][7][8] містять огляд бібліотек та фреймворків для розробки сучасних вебдодатків. Для порівняння розглянутих бібліотек JavaScript було обрано декілька базових метрик -час виконання методу управління станом для одиниці роботи та придатність для використання розробником.…”

Section: інформаційні технологіїunclassified

Метод Підвищення Продуктивності Вебдодатку В Екосистемі Фреймворку React

БУРЧАК,

ОЛЕЩЕНКО

2023

Вісник ХНТУ

View full text Add to dashboard Cite

У статті розглянуто наявні методи підвищення продуктивності вебдодатку в екосистемі фреймворку React, їх переваги та недоліки, зокрема, використання React.memo, PureComponent, shouldComponentUpdate, Lazy Loading, Code Splitting та мемоізації селекторів. Запропоновано оптимізований метод, який дозволяє скоротити час виконання програми в середньому на 17%. Основна ідея запропонованого методу полягає в розділенні стану даних вебдодатку на атомарні фрагменти. Кожна сутність має свій власний фрагмент стану, що ізолює його від інших. Ці фрагменти використовуються React Context API для передачі конфігурації сутності, включаючи дані та функції для її зміни. Context API використовується для забезпечення обробки усієї програми. Стан розділяється на атомарні фрагменти, що дозволяє реалізувати їх ізоляцію. За допомогою функції hook отримується доступ до цих фрагментів та їх зміни. Компоненти, які використовують цей метод, автоматично реагують на зміни стану і оновлюються, якщо стан змінився. Головною перевагою такого підходу є можливість використання технології замикання та передавання функції обробників стану. Запропонований метод базується на підході, який було запозичено з бібліотеки Recoil. Цей підхід є схожим на стандартні функції-хуки у фреймворку React, для якого було розроблено запропонований метод. Було використано переваги та недоліки використання популярних бібліотек для керування станом у вебдодатках. Метою модифікації було уникнення надмірних операцій, коли поточний та новий стани не відрізняються, покращення продуктивності при додаванні великої кількості елементів та забезпечення можливості використання схожих частин коду багаторазово. Особливу увагу приділено проблемі надмірних операцій, які виникають, коли всі компоненти, що підписані на зміну стану, автоматично оновлюються, навіть якщо самі значення стану не змінились. Додано можливість перевірки рівності станів перед їх оновленням, що дозволяє заощадити ресурси та зберегти продуктивність. Також реалізовано спрощено роботу з функціями зміни стану, щоб їх можна було знову використовувати без повторення коду.

show abstract

Section: інформаційні технологіїunclassified

Метод Підвищення Продуктивності Вебдодатку В Екосистемі Фреймворку React

БУРЧАК,

ОЛЕЩЕНКО

2023

Вісник ХНТУ

View full text Add to dashboard Cite

show abstract

Client state management using backend for frontend pattern architecture in B2B segment.

2024

Stuc.intelekt

View full text Add to dashboard Cite

The article considers an architectural pattern Backend for Frontend (BFF) for developing web systems using microservice approaches. The main purpose of this article is to research aspects that existing solutions like WunderGraph cannot provide and propose a solution that enables client state management using the backend for Frontend pattern architecture specifically tailored for the B2B segment's requirements in Frontend development. During current research, there is defined a concept of API Provider Factory, Public API Gateway, Client State Management and proposes ways for their implementation. Methods of research are based on modeling, analysis, comparing, experiment, and abstracting.

show abstract

Web Application State Management Performance Optimization Methods

Cited by 2 publications

References 9 publications

Метод Підвищення Продуктивності Вебдодатку В Екосистемі Фреймворку React

Метод Підвищення Продуктивності Вебдодатку В Екосистемі Фреймворку React

Client state management using backend for frontend pattern architecture in B2B segment.

Contact Info

Product

Resources

About