perf: add a case for many hooks called by HuJean · Pull Request #2443 · lynx-family/lynx-stack

HuJean · 2026-04-11T05:49:59Z

Summary by CodeRabbit

Chores
- Added a new React performance benchmark case that mounts many stateful components to exercise rendering and hydration behavior.
- Updated build configuration and npm scripts to enable running and profiling the new benchmark.
- Added a new changeset placeholder file.

Checklist

Tests updated (or not required).
Documentation updated (or not required).
Changeset added, and when a BREAKING CHANGE occurs, it needs to be clearly marked (or not required).

changeset-bot · 2026-04-11T05:50:04Z

🦋 Changeset detected

Latest commit: 8fbe2a0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 0 packages

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

coderabbitai · 2026-04-11T05:50:12Z

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 63e6ef6f-be58-49e6-aaf4-5dcca208d700

📥 Commits

Reviewing files that changed from the base of the PR and between 986a879 and 8fbe2a0.

📒 Files selected for processing (4)

.changeset/calm-zebras-smile.md
benchmark/react/cases/008-many-use-state/index.tsx
benchmark/react/lynx.config.js
benchmark/react/package.json

✅ Files skipped from review due to trivial changes (2)

.changeset/calm-zebras-smile.md
benchmark/react/package.json

🚧 Files skipped from review as they are similar to previous changes (2)

benchmark/react/lynx.config.js
benchmark/react/cases/008-many-use-state/index.tsx

📝 Walkthrough

Walkthrough

Adds a new React benchmark case 008-many-use-state, registers it in the benchmark build config, adds npm scripts to run it (bench and perfetto), and adds an empty changeset file.

Changes

Cohort / File(s)	Summary
Changeset `.changeset/calm-zebras-smile.md`	Added an empty changeset markdown file containing only YAML front matter (`---` block) with no metadata.
Benchmark case `benchmark/react/cases/008-many-use-state/index.tsx`	New Lynx React benchmark: renders 1000 `Item` components; each `Item` calls `useState(0)` and conditionally renders `<text>` when state equals `1`; benchmark mounted via `runAfterLoadScript` and `root.render`.
Build & scripts `benchmark/react/lynx.config.js`, `benchmark/react/package.json`	Added `008-many-use-state` build entry and two npm scripts: `bench:008-many-use-state` and `perfetto:008-many-use-state` to run the generated bundle and produce a perfetto trace.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

ci(benchmark/react): add LoadScript to benchmark #1699: Introduced the runAfterLoadScript bootstrapping and benchmark wiring used by this case.
perf: add four-layer-views case #2394: Previously added similar React benchmark cases and entries to lynx.config.js and package.json.

Suggested reviewers

hzy

Poem

🐰 I nibble bytes and count each state,
A thousand hops arranged in straight,
I wait to render just one sight,
Then watch the tiny carrot light.
🥕✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The pull request title 'perf: add a case for many hooks called' directly and specifically describes the main change: adding a new benchmark case for testing many useState hooks, which is evident from the changeset files and benchmark configuration additions.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

Create stacked PR
Commit on current branch

🧪 Generate unit tests (beta)

Create PR with unit tests
Commit unit tests in branch p/usestate

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

codecov · 2026-04-11T05:52:31Z

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

codspeed-hq · 2026-04-11T06:03:02Z

Merging this PR will degrade performance by 10.28%

❌ 1 regressed benchmark
✅ 71 untouched benchmarks
🆕 9 new benchmarks
⏩ 21 skipped benchmarks¹

⚠️ Please fix the performance issues or acknowledge them on CodSpeed.

Performance Changes

	Benchmark	`BASE`	`HEAD`	Efficiency
🆕	`008-many-use-state/main-thread.js_LoadScript`	N/A	393.9 µs	N/A
🆕	`008-many-use-state/background.js_LoadScript`	N/A	500.1 µs	N/A
🆕	`008-many-use-state__main-thread-renderMainThread`	N/A	80.2 ms	N/A
🆕	`008-many-use-state-renderBackground`	N/A	52.3 ms	N/A
🆕	`008-many-use-state__main-thread-renderOpcodes`	N/A	21.7 µs	N/A
❌	`transform 1000 view elements`	40.4 ms	45 ms	-10.28%
🆕	`008-many-use-state-destroyBackground`	N/A	8 ms	N/A
🆕	`008-many-use-state__main-thread-processData`	N/A	23.5 µs	N/A
🆕	`008-many-use-state-hydrate`	N/A	483.5 µs	N/A
🆕	`008-many-use-state__main-thread-serializeRoot`	N/A	148.5 µs	N/A

_{Comparing p/usestate (8fbe2a0) with main (5151fcf)}

21 benchmarks were skipped, so the baseline results were used instead. If they were deleted from the codebase, click here and archive them to remove them from the performance reports. ↩

relativeci · 2026-04-11T06:05:11Z

React External

#309 Bundle Size — 590.13KiB (0%).

8fbe2a0(current) vs 5151fcf main#294(baseline)

Bundle metrics no changes

	Current #309	Baseline #294
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`0%`	`0%`
Chunks	`0`	`0`
Assets	`3`	`3`
Modules	`17`	`17`
Duplicate Modules	`5`	`5`
Duplicate Code	`8.59%`	`8.59%`
Packages	`0`	`0`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #309	Baseline #294
Other	`590.13KiB`	`590.13KiB`

Bundle analysis report Branch p/usestate Project dashboard

^{Generated by RelativeCI Documentation Report issue}

relativeci · 2026-04-11T06:05:11Z

React MTF Example

#324 Bundle Size — 206.11KiB (0%).

8fbe2a0(current) vs 5151fcf main#309(baseline)

Bundle metrics no changes

	Current #324	Baseline #309
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`0%`	`0%`
Chunks	`0`	`0`
Assets	`3`	`3`
Modules	`173`	`173`
Duplicate Modules	`67`	`67`
Duplicate Code	`45.76%`	`45.76%`
Packages	`2`	`2`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #324	Baseline #309
IMG	`111.23KiB`	`111.23KiB`
Other	`94.88KiB`	`94.88KiB`

Bundle analysis report Branch p/usestate Project dashboard

^{Generated by RelativeCI Documentation Report issue}

relativeci · 2026-04-11T06:05:13Z

Web Explorer

#8765 Bundle Size — 743.45KiB (0%).

8fbe2a0(current) vs 5151fcf main#8751(baseline)

Bundle metrics no changes

	Current #8765	Baseline #8751
Initial JS	`43.82KiB`	`43.82KiB`
Initial CSS	`2.16KiB`	`2.16KiB`
Cache Invalidation	`0%`	`28.41%`
Chunks	`8`	`8`
Assets	`10`	`10`
Modules	`149`	`149`
Duplicate Modules	`11`	`11`
Duplicate Code	`34.96%`	`34.96%`
Packages	`3`	`3`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #8765	Baseline #8751
Other	`398.15KiB`	`398.15KiB`
JS	`343.13KiB`	`343.13KiB`
CSS	`2.16KiB`	`2.16KiB`

Bundle analysis report Branch p/usestate Project dashboard

^{Generated by RelativeCI Documentation Report issue}

relativeci · 2026-04-11T06:05:13Z

React Example

#7191 Bundle Size — 236.82KiB (0%).

8fbe2a0(current) vs 5151fcf main#7176(baseline)

Bundle metrics no changes

	Current #7191	Baseline #7176
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`0%`	`0%`
Chunks	`0`	`0`
Assets	`4`	`4`
Modules	`179`	`179`
Duplicate Modules	`70`	`70`
Duplicate Code	`46.1%`	`46.1%`
Packages	`2`	`2`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #7191	Baseline #7176
IMG	`145.76KiB`	`145.76KiB`
Other	`91.06KiB`	`91.06KiB`

Bundle analysis report Branch p/usestate Project dashboard

^{Generated by RelativeCI Documentation Report issue}

HuJean requested a review from hzy as a code owner April 11, 2026 05:50

coderabbitai bot added the framework:React label Apr 11, 2026

HuJean force-pushed the p/usestate branch 2 times, most recently from b1f6a26 to 986a879 Compare April 11, 2026 06:27

perf: add a case for many hooks called

8fbe2a0

HuJean force-pushed the p/usestate branch from 986a879 to 8fbe2a0 Compare April 11, 2026 06:47

hzy approved these changes Apr 11, 2026

View reviewed changes

HuJean merged commit dc3b6e0 into main Apr 11, 2026
77 of 80 checks passed

HuJean deleted the p/usestate branch April 11, 2026 14:23

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

perf: add a case for many hooks called#2443

perf: add a case for many hooks called#2443
HuJean merged 1 commit intomainfrom
p/usestate

HuJean commented Apr 11, 2026 •

edited by coderabbitai bot

Loading

Uh oh!

changeset-bot bot commented Apr 11, 2026 •

edited

Loading

Uh oh!

coderabbitai bot commented Apr 11, 2026 •

edited

Loading

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Suggested reviewers

Poem

❌ Failed checks (1 warning)

Uh oh!

codecov bot commented Apr 11, 2026 •

edited

Loading

Uh oh!

codspeed-hq bot commented Apr 11, 2026 •

edited

Loading

Uh oh!

relativeci bot commented Apr 11, 2026 •

edited

Loading

Uh oh!

relativeci bot commented Apr 11, 2026 •

edited

Loading

Uh oh!

relativeci bot commented Apr 11, 2026 •

edited

Loading

Uh oh!

relativeci bot commented Apr 11, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

HuJean commented Apr 11, 2026 • edited by coderabbitai bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary by CodeRabbit

Checklist

Uh oh!

changeset-bot bot commented Apr 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

coderabbitai bot commented Apr 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Suggested reviewers

Poem

❌ Failed checks (1 warning)

Uh oh!

codecov bot commented Apr 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

codspeed-hq bot commented Apr 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Merging this PR will degrade performance by 10.28%

Performance Changes

Footnotes

Uh oh!

relativeci bot commented Apr 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React External

#309 Bundle Size — 590.13KiB (0%).

Uh oh!

relativeci bot commented Apr 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React MTF Example

#324 Bundle Size — 206.11KiB (0%).

Uh oh!

relativeci bot commented Apr 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Web Explorer

#8765 Bundle Size — 743.45KiB (0%).

Uh oh!

relativeci bot commented Apr 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React Example

#7191 Bundle Size — 236.82KiB (0%).

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

HuJean commented Apr 11, 2026 •

edited by coderabbitai bot

Loading

changeset-bot bot commented Apr 11, 2026 •

edited

Loading

coderabbitai bot commented Apr 11, 2026 •

edited

Loading

codecov bot commented Apr 11, 2026 •

edited

Loading

codspeed-hq bot commented Apr 11, 2026 •

edited

Loading

relativeci bot commented Apr 11, 2026 •

edited

Loading

relativeci bot commented Apr 11, 2026 •

edited

Loading

relativeci bot commented Apr 11, 2026 •

edited

Loading

relativeci bot commented Apr 11, 2026 •

edited

Loading