IMPACT OF REACT LAZY AND WEBPACK CONFIGURATION ON APPLICATION PERFORMANCE
DOI:
https://doi.org/10.24867/23BE03JenjicKeywords:
Web application, React, Webpack, lazyAbstract
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
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
Downloads
Published
2023-07-06
Issue
Section
Electrotechnical and Computer Engineering
