fix(react): run all pending `renderComponent` before hydrate
#1438Comparing
hzy:p/hzy/process_before_hydrate
(40041d4
) withmain
(6baeb9f
)-1%
- Improvements
- 0
- Regressions
- 0
- Untouched
- 10
- New
- 0
- Dropped
- 0
- Ignored
- 0
Benchmarks
Passed
basic-performance-image-100
packages/web-platform/web-tests/tests/server.bench.vitest.spec.ts::server-tests::basic-performance-image-1000%
11.5 ms
11.5 ms
basic-performance-div-1000
packages/web-platform/web-tests/tests/server.bench.vitest.spec.ts::server-tests::basic-performance-div-10000%
52.9 ms
52.9 ms
basic-performance-nest-level-100
packages/web-platform/web-tests/tests/server.bench.vitest.spec.ts::server-tests::basic-performance-nest-level-1000%
4.8 ms
4.8 ms
basic-performance-small-css
packages/web-platform/web-tests/tests/server.bench.vitest.spec.ts::server-tests::basic-performance-small-css0%
6.2 ms
6.2 ms
basic-performance-large-css
packages/web-platform/web-tests/tests/server.bench.vitest.spec.ts::server-tests::basic-performance-large-css0%
12.8 ms
12.8 ms
basic-performance-div-10000
packages/web-platform/web-tests/tests/server.bench.vitest.spec.ts::server-tests::basic-performance-div-100000%
634.6 ms
634.3 ms
basic-performance-div-100
packages/web-platform/web-tests/tests/server.bench.vitest.spec.ts::server-tests::basic-performance-div-1000%
5.8 ms
5.8 ms
transform 1000 view elements
packages/react/transform/__test__/basic.bench.js::Basic::transform 1000 view elements0%
376.6 ms
378.3 ms
basic-performance-text-200
packages/web-platform/web-tests/tests/server.bench.vitest.spec.ts::server-tests::basic-performance-text-200-1%
16.7 ms
16.8 ms
basic-performance-scroll-view-100
packages/web-platform/web-tests/tests/server.bench.vitest.spec.ts::server-tests::basic-performance-scroll-view-100-8%
10.7 ms
11.7 ms
Commits
Click on a commit to change the comparison rangeBase
main
6baeb9f
-1%
fix(react): run all pending `renderComponent` before hydrate
Run all pending `renderComponent` before hydrate, which ensures some immediate update can be applied in `hydrate`.
As background info, ReactLynx will use tree in background-thread as the source-of-truth, so this PR is helpful if main-thread renders more than background-thread's `root.render` by avoiding unwanted node removals.
40041d4
12 days ago
by hzy