Frontend: production deploy ships React dev builds + in-browser Babel — slow first paint, console warnings leak #122

New issue

Closed

opened 2026-05-26 18:21:51 -04:00 by zgaetano · 1 comment

zgaetano commented

2026-05-26 18:21:51 -04:00

Owner

Duplicate of #139 — fixed in 04ce096.

Duplicate of #139 — fixed in 04ce096.

~~zgaetano referenced this issue 2026-05-26 18:22:49 -04:00~~

Tracker: 2026-05-26 audit session — 27 bugs logged (#100-#127) #128

zgaetano commented

2026-05-26 19:35:23 -04:00

Author

Owner

Fix Plan — #122 Production ships React dev builds + in-browser Babel

Root cause: index.html loads react.development.js, react-dom.development.js, @babel/standalone. JSX compiled in browser on every page load. Several seconds slower first paint. Dev warnings leak to console.

Fix:

Switch to production React:

<script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>

Pre-compile JSX at Docker build time:

# In Dockerfile for web-ui
RUN npm install -g esbuild
RUN esbuild src/app.jsx --bundle --outfile=dist/app.js --platform=browser --target=es2020

Remove @babel/standalone from index.html.

Files: index.html, Dockerfile (web-ui)
Effort: ~2h
**Priority: P3 — performance + polish

## Fix Plan — #122 Production ships React dev builds + in-browser Babel **Root cause:** `index.html` loads `react.development.js`, `react-dom.development.js`, `@babel/standalone`. JSX compiled in browser on every page load. Several seconds slower first paint. Dev warnings leak to console. **Fix:** 1. **Switch to production React:** ```html <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script> <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script> ``` 2. **Pre-compile JSX at Docker build time:** ```dockerfile # In Dockerfile for web-ui RUN npm install -g esbuild RUN esbuild src/app.jsx --bundle --outfile=dist/app.js --platform=browser --target=es2020 ``` 3. **Remove `@babel/standalone` from `index.html`.** **Files:** `index.html`, `Dockerfile` (web-ui) **Effort:** ~2h **Priority: P3 — performance + polish

~~zgaetano referenced this issue 2026-05-26 20:44:35 -04:00~~

Perf: React dev build + in-browser Babel loaded in production #139

zgaetano referenced this issue from a commit

2026-05-26 22:06:25 -04:00

chore: 1.2 ship-prep sweep — close 38 issues

zgaetano closed this issue

2026-05-26 22:06:58 -04:00