The National Transport University Bulletin

Abstract

The work analyzes modern front-end development optimization technologies, including project infrastructure settings, modular architecture, and approaches to performance optimization. The use of project configuration tools such as Webpack, Vite, and Babel has been studied to reduce the size of the bandleader and increase performance. Optimization using code splitting, lazy loading and query caching has been implemented. Object of research: the process of optimizing front-end development in modern blog applications. The purpose of the work: to investigate modern methods and technologies for optimizing front-end development processes, their integration into a real project, and to evaluate the effectiveness of implemented solutions. The work analyzes modern approaches to the organization of the infrastructure of front-end projects, including the use of modular systems, as well as flexible approaches to the configuration of the development environment. A comprehensive architecture for scalable web applications has been developed, which is based on the principles of modularity, weak connectivity and reuse of components. The project was configured using tools such as ESLint for code linting, Jest for testing, JSON Server for API emulation, TypeScript for static typing, and React for creating a user interface. Bundle optimization methods were studied, including code splitting, lazy loading, and the use of bundle analyzers. This allowed the identification of the most efficient methods to create an optimal infrastructure that supports flexibility, scalability and convenience of development

Keywords: