Electrotechnical and Computer Engineering
Vol. 38 No. 07 (2023): Proceedings of Faculty of Technical Sciences
IMPACT OF REACT LAZY AND WEBPACK CONFIGURATION ON APPLICATION PERFORMANCE
Abstract
This paper presents the impact of certain Webpack configurations and React lazy on application performance. In addition to theoretical concepts that serve to make the topic of the work clear, this paper follows the development of a web application. Through the development of the application in several steps, the progress in the performance of the application is shown, which is documented through certain Google metrics.
References
[1] James Thomas, What is Wabpack?, 2019. Доступно:
https://levelup.gitconnected.com/what-is-webpack-4fdb624597ae
[2] Morgan Persson, JavaScript DOM Manipulation Performanse, Comparing Vanilla JavaScript and Leading JavaScript Front-end Frameworks, 2020. Доступно:
https://www.theseus.fi/bitstream/handle/10024/345959/Laurila_Sonja.pdf?sequence=2&isAllowed=y
[3] https://parceljs.org/features/scope-hoisting/
[4] Nathan Sebhastian, Understanding Webpack’s Code Splitting Feature, 2021. Доступно:
https://blog.bitsrc.io/understanding-webpacks-code-splitting-feature-3077768e4066
[5] https://www.copycat.dev/blog/react-lazy/
[6] https://www.npmjs.com/package/webpack-license-plugin