МЕТОДИ ОПТИМІЗАЦІЇ ПРОДУКТИВНОСТІ ОДНОСТОРІНКОВИХ ЗАСТОСУНКІВ НА ПРИКЛАДІ ФРЕЙМВОРКУ REACT

Автор(и)

  • Олександр Сюх Волинський національний університет імені Лесі Українки

Ключові слова:

React, односторінковий застосунок, ліниве завантаження, розділення коду, мемоізація

Анотація

Ця робота досліджує методи оптимізації продуктивності односторінкових застосунків (SPA), створених за допомогою React. Основна увага приділяється таким ключовим технікам, як ліниве завантаження, поділ коду, мемоізація та динамічний імпорт. Ці підходи спрямовані на зменшення початкового розміру бандлу, мінімізацію непотрібних повторних рендерів і покращення часу завантаження. Вплив кожного з методів на швидкість та ефективність на стороні клієнта аналізується за допомогою практичних прикладів і базових метрик продуктивності.

Посилання (Бібліографія)

React. lazy. URL: https://react.dev/reference/react/lazy#lazy

Optimizing Performance – React. React – A JavaScript library for building user interfaces. URL: https://legacy.reactjs.org/docs/optimizing-performance.html.

MDN Web Docs – Lazy loading. URL: https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading

Google Developers – Chrome DevTools Performance Analysis. URL: https://developer.chrome.com/docs/devtools/evaluate-performance/

Poberezhnuy О. What is a Single Page Application?. Asabix. 06.03.2024. URL: https://asabix.com.ua/what-is-a-single-page-application/

Podobed О. Optimizing performance in a React application. DOU. 26.09.2023. URL: https://dou.ua/forums/topic/45406/

##submission.downloads##

Опубліковано

03.09.2025

Як цитувати

[1]
Сюх, О. 2025. МЕТОДИ ОПТИМІЗАЦІЇ ПРОДУКТИВНОСТІ ОДНОСТОРІНКОВИХ ЗАСТОСУНКІВ НА ПРИКЛАДІ ФРЕЙМВОРКУ REACT. Прикладні проблеми комп’ютерних наук, безпеки та математики. 5 (Вер 2025), 32–38.