Your Name
0de8c0b5ac
topic.onData = notify (wireTopicCallbacks) fires once per individual message, not once per batch. Live-instrumented a real loadOlder() page fetch (24 older messages): scrollHeight/scrollTop mutated in ~14 separate small steps over ~400ms, each one racing loadOlder()'s own scroll-compensation and ConversationView's separate autoscroll-to- bottom effect before the page had actually finished arriving -- that rapid multi-step crawl is what reads as "shaking" rather than one clean jump. Coalesce notifications landing within the same animation frame into a single flush, so a burst of onData calls (initial load, loadOlder(), a fast run of incoming messages) triggers at most one re-render per frame instead of N. messageSnapshots invalidation stays synchronous (pure cache bookkeeping); only the listener callbacks that schedule React's re-render are batched. Live-verified with the same instrumentation: the same 24-message loadOlder() fetch now produces 2 dom-mutation events instead of 14, with scrollTop only moving once the batch has actually settled instead of crawling in lockstep with a growing scrollHeight.
React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some Oxlint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the Oxlint configuration
If you are developing a production application, we recommend enabling type-aware lint rules by installing oxlint-tsgolint and editing .oxlintrc.json:
{
"$schema": "./node_modules/oxlint/configuration_schema.json",
"plugins": ["react", "typescript", "oxc"],
"options": {
"typeAware": true
},
"rules": {
"react/rules-of-hooks": "error",
"react/only-export-components": ["warn", { "allowConstantExport": true }]
}
}
See the Oxlint rules documentation for the full list of rules and categories.