ATLAS-5346: Atlas React UI: Reduce React UI build time and bundle size through Vite optimization and lazy route loading.#698
Merged
Conversation
…e through Vite optimization and lazy route loading
…e through Vite optimization and lazy route loading added license for .npmrc and .gitignore file update license for remainig file
…e through Vite optimization and lazy route loading
pawarprasad123
added a commit
that referenced
this pull request
Jul 17, 2026
…e through Vite optimization and lazy route loading. (#698) * ATLAS-5346: Atlas React UI: Reduce React UI build time and bundle size through Vite optimization and lazy route loading * ATLAS-5346: Atlas React UI: Reduce React UI build time and bundle size through Vite optimization and lazy route loading added license for .npmrc and .gitignore file update license for remainig file * ATLAS-5346: Atlas React UI: Reduce React UI build time and bundle size through Vite optimization and lazy route loading ( cherrypicked form commit 11b219f)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What changes were proposed in this pull request?
Optimizes Atlas React UI (
dashboard/) production build performance by ~50%, improves bundle splitting with lazy-loaded routes, and streamlines the Maven/npm build pipeline.npm run buildwall time: 26.2s → ~12s (~13s / ~50% faster)Problem
The React UI build was slow because:
tsc(~7.2s) before Vite on every runSolution
Build pipeline
npm run buildis nowvite buildonlynpm run typecheck/npm run build:checknpm run build:lineage/npm run build:legacydashboard/module root with persistent.frontend-toolchain/and npm cache.npmrcfor faster installsVite optimization (
vite.config.ts)react,mui,redux,router,d3,utilsreportCompressedSize: falsefor faster buildsLazy loading
Layout.tsx→ lazyStatisticsEntityDetailPage.tsx→ lazy detail tabs (Properties, Schema, Lineage, etc.)AdministratorLayout.tsx→ lazy admin sub-viewsCode cleanup
LineageLayoutfrom main bundleEntityStatsChart.tsx,statsUtils.tsxTooling
eslint.config.jsreplaces.eslintrc.cjs)@vitejs/plugin-react-swc4.3.1tsconfig.build.jsonexcludes tests from production typecheckBuild time comparison
npm run buildtotalprebuild(lineage webpack)tscbefore ViteFiles changed
Build/config:
package.json,package-lock.json,vite.config.ts,tsconfig.json,tsconfig.build.json,.npmrc,.gitignore,eslint.config.js,dashboard/pom.xml,pom.xmlScripts:
ensure-lineage-build.mjs,ensure-native-deps.mjsViews:
Layout.tsx,EntityDetailPage.tsx,AdministratorLayout.tsx, Statistics refactor + testsRemoved: Masonry demo, standalone
LineageLayout(lineage still via Entity Detail tab)How was this patch tested?
Manual tested
npm run lint— 0 errors (167 warnings, under limit)npm run typecheck— passnpm run build— pass (~11.4s)mvn clean install -pl dashboard -am