PERFORMANCE OPTIMIZATION METHODS FOR SINGLE-PAGE APPLICATIONS USING THE REACT FRAMEWORK

Authors

  • Oleksandr Siukh Lesya Ukrainka Volyn National University

Keywords:

React, single-page application, lazy loading, code splitting, memoization

Abstract

The paper explores methods for optimizing the performance of single-page applications (SPAs) built with React. It focuses on key techniques such as lazy loading, code splitting, memoization, and dynamic imports. These approaches aim to reduce the initial bundle size, minimize unnecessary re-rendering, and improve load times. The impact of each method on client-side speed and efficiency is analyzed using practical examples and basic performance metrics.

References

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/

Downloads

Published

2025-09-03

How to Cite

[1]
Siukh, O. 2025. PERFORMANCE OPTIMIZATION METHODS FOR SINGLE-PAGE APPLICATIONS USING THE REACT FRAMEWORK. Applied Problems of Computer Science, Security and Mathematics. 5 (Sep. 2025), 32–38.

Issue

No. 5 (2025): Applied Problems of Computer Science, Security and Mathematics

Section

Articles

License

Copyright (c) 2025 Олександр Сюх

Creative Commons License

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.