> For the complete documentation index, see [llms.txt](https://wong-coupon.gitbook.io/flutter/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wong-coupon.gitbook.io/flutter/my-reactjs/ui-performance.md).

# UI & Performance

React Compiler, lazy loading, lifecycle, forms, design systems, and locale handling for React interfaces.

React Compiler, lazy loading, lifecycle, forms, design systems, and locale handling for React interfaces.

## Articles

* [React Compiler in Large Applications](/flutter/my-reactjs/ui-performance/react-compiler-large-app.md) — Roll out the compiler with finite modes, an opt-out registry, artifact proof, semantic cohorts, and baseline-backed browser profiles.
* [Safe Lazy Routes in React](/flutter/my-reactjs/ui-performance/react-lazy-suspense-route-loading.md) — Keep a finite route catalog, authorize before importing, budget preloads, and recover from chunk or release mismatches without reload loops.
* [Layered Error Boundaries in React](/flutter/my-reactjs/ui-performance/layered-react-error-boundaries.md) — Separate failure origin from capture ownership with finite boundaries, safe fallbacks, bounded dedupe, and explicit evidence gates.
* [Safe Side Effects in Custom Hooks](/flutter/my-reactjs/ui-performance/custom-hooks-side-effect-cleanup.md) — Manage setup rollback, task generations, and teardown backpressure with finite lifecycle ownership, including StrictMode and reentrant cleanup.
* [ResizeObserver Without Layout Thrashing](/flutter/my-reactjs/ui-performance/resize-observer-layout-thrashing.md) — Batch all measurements before frame writes, enforce generation-aware latest-wins, and use feedback barriers to avoid layout loops.
* [Infinite Scroll with IntersectionObserver](/flutter/my-reactjs/ui-performance/intersection-observer-infinite-scroll.md) — Own sentinels, requests, cursors, and anchors by generation while keeping dedupe, retries, SSR/manual fallback, and privacy in finite states.
* [Complex Form Architecture with React Hook Form](/flutter/my-reactjs/ui-performance/complex-forms-react-hook-form.md) — Separate form state, domain commands, and request ownership with a finite field catalog, stable row IDs, and a reentrancy-safe transition lease.
* [Building a Design System with Storybook](/flutter/my-reactjs/ui-performance/design-system-storybook.md) — Turn components, tokens, variants, and stories into a versioned catalog with deterministic fixtures and layered test evidence.
* [Synchronized Locale in React](/flutter/my-reactjs/ui-performance/react-i18n-locale-data-formatting.md) — Synchronize catalogs, API caches, formatters, document language, and charts through one atomic stale-safe locale snapshot while keeping timezone and finance values separate.

[Buy Me a Coffee](https://buymeacoffee.com/ducmng12g) | [Support Me on Ko-fi](https://ko-fi.com/I2I81AEJG8)