feat(react): export use from @lynx-js/react/compat by upupming · Pull Request #3672 · lynx-family/lynx-stack

upupming · 2026-08-27T12:20:43Z

Stacked on #3450 — review that one first; this branch targets feat/preact-v11 and will retarget to main once it lands.

What

Forward Preact's use through @lynx-js/react/compat, alongside the startTransition / useTransition that are already there.

Why

use reads a resource during render and, unlike the other hooks, may be called conditionally. Given a context it returns the current value; given a promise it returns the resolved value, suspending to the nearest Suspense boundary while pending. Preact has shipped it in compat all along — ReactLynx just never forwarded it, so cards had no way to reach it.

Tests

__test__/snapshot/compat/use.test.jsx covers both resource kinds against the real ReactLynx background runtime: a context read, the default value outside a provider, a conditional call, and a promise that suspends and then renders its resolved value.

The lazy-bundle variant (lazy/compat.js) and the export-count assertion in compat/export.test.jsx are updated to match.

coderabbitai · 2026-08-27T12:20:56Z

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Team

Run ID: aa82b6d3-7b9e-404e-a478-bcc75704ad15

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

🔍 Trigger review

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.}

changeset-bot · 2026-08-27T12:25:40Z

🦋 Changeset detected

Latest commit: 1412861

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

This PR includes changesets to release 2 packages

Name	Type
@lynx-js/react	Minor
@lynx-js/react-umd	Minor

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

pkg-pr-new · 2026-08-27T12:39:46Z

background-only

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/background-only@1412861

@lynx-js/genui

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/genui@1412861

@lynx-js/react

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/react@1412861

@lynx-js/react-signals

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/react-signals@1412861

@lynx-js/react-umd

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/react-umd@1412861

@lynx-js/use-sync-external-store

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/use-sync-external-store@1412861

@lynx-js/debug-metadata-rsbuild-plugin

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/debug-metadata-rsbuild-plugin@1412861

@lynx-js/rsbuild-plugin

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/rsbuild-plugin@1412861

@lynx-js/react-rsbuild-plugin

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/react-rsbuild-plugin@1412861

@lynx-js/react-alias-rsbuild-plugin

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/react-alias-rsbuild-plugin@1412861

@lynx-js/websocket

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/websocket@1412861

@lynx-js/css-serializer

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/css-serializer@1412861

@lynx-js/debug-metadata

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/debug-metadata@1412861

@lynx-js/web-core

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/web-core@1412861

@lynx-js/web-elements

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/web-elements@1412861

@lynx-js/web-rsbuild-server-middleware

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/web-rsbuild-server-middleware@1412861

@lynx-js/web-worker-rpc

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/web-worker-rpc@1412861

@lynx-js/cache-events-webpack-plugin

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/cache-events-webpack-plugin@1412861

@lynx-js/chunk-loading-webpack-plugin

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/chunk-loading-webpack-plugin@1412861

@lynx-js/css-extract-webpack-plugin

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/css-extract-webpack-plugin@1412861

@lynx-js/react-refresh-webpack-plugin

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/react-refresh-webpack-plugin@1412861

@lynx-js/react-webpack-plugin

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/react-webpack-plugin@1412861

@lynx-js/runtime-wrapper-webpack-plugin

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/runtime-wrapper-webpack-plugin@1412861

@lynx-js/template-webpack-plugin

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/template-webpack-plugin@1412861

@lynx-js/webpack-dev-transport

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/webpack-dev-transport@1412861

@lynx-js/webpack-runtime-globals

pnpm add https://pkg.pr.new/lynx-family/lynx-stack/@lynx-js/webpack-runtime-globals@1412861

commit: 1412861

codecov · 2026-08-27T12:42:27Z

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!

relativeci · 2026-08-27T13:17:18Z

React MTF Example

#4966 Bundle Size — 210.53KiB (0%).

1412861(current) vs fdfdfdd feat/preact-v11#4962(baseline)

Bundle metrics no changes

	Current #4966	Baseline #4962
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`0%`	`47.04%`
Chunks	`0`	`0`
Assets	`3`	`3`
Modules	`215`	`215`
Duplicate Modules	`82`	`82`
Duplicate Code	`42.99%`	`42.99%`
Packages	`2`	`2`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #4966	Baseline #4962
IMG	`111.23KiB`	`111.23KiB`
Other	`99.3KiB`	`99.3KiB`

Bundle analysis report Branch feat/compat-use Project dashboard

^{Generated by RelativeCI Documentation Report issue}

relativeci · 2026-08-27T13:17:18Z

Web Explorer

#13435 Bundle Size — 1.29MiB (0%).

1412861(current) vs fdfdfdd feat/preact-v11#13431(baseline)

Bundle metrics

2 changes

	Current #13435	Baseline #13431
Initial JS	`45.99KiB`	`45.99KiB`
Initial CSS	`2.37KiB`	`2.37KiB`
Cache Invalidation	`0%`	`16.76%`
Chunks	`11`	`11`
Assets	`13`	`13`
Modules	`322`(`+0.63%`)	`320`
Duplicate Modules	`15`	`15`
Duplicate Code	`19.36%`(`-0.05%`)	`19.37%`
Packages	`14`	`14`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #13435	Baseline #13431
JS	`756.75KiB`	`756.75KiB`
Other	`564.93KiB`	`564.93KiB`
CSS	`2.37KiB`	`2.37KiB`

Bundle analysis report Branch feat/compat-use Project dashboard

^{Generated by RelativeCI Documentation Report issue}

relativeci · 2026-08-27T13:17:18Z

React Example with Element Template

#4106 Bundle Size — 227.23KiB (0%).

1412861(current) vs fdfdfdd feat/preact-v11#4102(baseline)

Bundle metrics no changes

	Current #4106	Baseline #4102
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`0%`	`35.79%`
Chunks	`0`	`0`
Assets	`4`	`4`
Modules	`175`	`175`
Duplicate Modules	`62`	`62`
Duplicate Code	`36.46%`	`36.46%`
Packages	`2`	`2`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #4106	Baseline #4102
IMG	`145.76KiB`	`145.76KiB`
Other	`81.47KiB`	`81.47KiB`

Bundle analysis report Branch feat/compat-use Project dashboard

^{Generated by RelativeCI Documentation Report issue}

relativeci · 2026-08-27T13:17:19Z

React Example

#11848 Bundle Size — 239.05KiB (0%).

1412861(current) vs fdfdfdd feat/preact-v11#11844(baseline)

Bundle metrics no changes

	Current #11848	Baseline #11844
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`0%`	`38.96%`
Chunks	`0`	`0`
Assets	`4`	`4`
Modules	`220`	`220`
Duplicate Modules	`85`	`85`
Duplicate Code	`43.55%`	`43.55%`
Packages	`2`	`2`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #11848	Baseline #11844
IMG	`145.76KiB`	`145.76KiB`
Other	`93.29KiB`	`93.29KiB`

Bundle analysis report Branch feat/compat-use Project dashboard

^{Generated by RelativeCI Documentation Report issue}

codspeed-hq · 2026-08-27T13:17:21Z

Merging this PR will improve performance by 6.25%

⚠️

Unknown Walltime execution environment detected

Using the Walltime instrument on standard Hosted Runners will lead to inconsistent data.

For the most accurate results, we recommend using CodSpeed Macro Runners: bare-metal machines fine-tuned for performance measurement consistency.

#### 🎉 Hooray! `codspeed-node` just leveled up to 5.7.1!

A heads-up, this is a breaking change and it might affect your current performance baseline a bit. But here's the exciting part - it's packed with new, cool features and promises improved result stability 🥳!
Curious about what's new? Visit our releases page to delve into all the awesome details about this new version.

⚡ 2 improved benchmarks
✅ 266 untouched benchmarks
⏩ 26 skipped benchmarks¹

Performance Changes

	Mode	Benchmark	`BASE`	`HEAD`	Efficiency
⚡	WallTime	`003-hello-list__main-thread-processData`	1.8 µs	1.6 µs	+6.7%
⚡	WallTime	`007-four-layer-views__main-thread-processData`	1.6 µs	1.6 µs	+5.8%

Tip

Curious why performance improved? Comment @codspeedbot explain why performance improved on this PR, or directly use the CodSpeed MCP with your agent.

_{Comparing feat/compat-use (1412861) with feat/preact-v11 (fdfdfdd)}

26 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-08-27T13:17:37Z

React External

#4947 Bundle Size — 583.86KiB (+0.13%).

1412861(current) vs fdfdfdd feat/preact-v11#4943(baseline)

Bundle metrics

3 changes

	Current #4947	Baseline #4943
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`29.51%`	`31.93%`
Chunks	`0`	`0`
Assets	`3`	`3`
Modules	`19`(`-5%`)	`20`
Duplicate Modules	`5`	`5`
Duplicate Code	`4.98%`(`+28.35%`)	`3.88%`
Packages	`0`	`0`
Duplicate Packages	`0`	`0`

Bundle size by type

1 change

1 regression

	Current #4947	Baseline #4943
Other	`583.86KiB` (`+0.13%`)	`583.11KiB`

Bundle analysis report Branch feat/compat-use Project dashboard

^{Generated by RelativeCI Documentation Report issue}

Preact ships `use` in compat but ReactLynx did not forward it, so cards could not read a promise or a context during render. Covers both resources: a context read (including the default value and a conditional call) and a promise that suspends to a Suspense boundary and then renders its resolved value.

upupming requested review from HuJean, Yradex and hzy as code owners August 27, 2026 12:20

upupming force-pushed the feat/compat-use branch from 3de5ccf to 6ce2cdf Compare August 27, 2026 12:25

upupming force-pushed the feat/compat-use branch from 6ce2cdf to 1e73a80 Compare August 28, 2026 08:19

upupming force-pushed the feat/compat-use branch 2 times, most recently from df98d63 to a329f3b Compare August 31, 2026 02:52

HuJean approved these changes Sep 1, 2026

View reviewed changes

upupming force-pushed the feat/compat-use branch from a329f3b to 1412861 Compare September 1, 2026 07:43

upupming merged commit 472cf3b into main Sep 1, 2026
74 of 82 checks passed

upupming deleted the feat/compat-use branch September 1, 2026 09:04

github-actions Bot mentioned this pull request Sep 1, 2026

chore: Release 2026-09-01 09:17:16 #3629

Open

Navigation Menu

Uh oh!

feat(react): export use from @lynx-js/react/compat - #3672

feat(react): export use from @lynx-js/react/compat#3672
upupming merged 1 commit into
feat/preact-v11from
feat/compat-use

upupming commented Aug 27, 2026

Uh oh!

coderabbitai Bot commented Aug 27, 2026 •

edited

Loading

Review skipped

Uh oh!

changeset-bot Bot commented Aug 27, 2026 •

edited

Loading

Uh oh!

pkg-pr-new Bot commented Aug 27, 2026 •

edited

Loading

Uh oh!

codecov Bot commented Aug 27, 2026 •

edited

Loading

Uh oh!

relativeci Bot commented Aug 27, 2026 •

edited

Loading

Uh oh!

relativeci Bot commented Aug 27, 2026 •

edited

Loading

Uh oh!

relativeci Bot commented Aug 27, 2026 •

edited

Loading

Uh oh!

relativeci Bot commented Aug 27, 2026 •

edited

Loading

Uh oh!

codspeed-hq Bot commented Aug 27, 2026 •

edited

Loading

Uh oh!

relativeci Bot commented Aug 27, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Conversation

upupming commented Aug 27, 2026

What

Why

Tests

Uh oh!

coderabbitai Bot commented Aug 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

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

Uh oh!

🦋 Changeset detected

Uh oh!

pkg-pr-new Bot commented Aug 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

codecov Bot commented Aug 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

relativeci Bot commented Aug 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React MTF Example

#4966 Bundle Size — 210.53KiB (0%).

Uh oh!

relativeci Bot commented Aug 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Web Explorer

#13435 Bundle Size — 1.29MiB (0%).

Uh oh!

relativeci Bot commented Aug 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React Example with Element Template

#4106 Bundle Size — 227.23KiB (0%).

Uh oh!

relativeci Bot commented Aug 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React Example

#11848 Bundle Size — 239.05KiB (0%).

Uh oh!

codspeed-hq Bot commented Aug 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Merging this PR will improve performance by 6.25%

Performance Changes

Footnotes

Uh oh!

relativeci Bot commented Aug 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React External

#4947 Bundle Size — 583.86KiB (+0.13%).

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

coderabbitai Bot commented Aug 27, 2026 •

edited

Loading

changeset-bot Bot commented Aug 27, 2026 •

edited

Loading

pkg-pr-new Bot commented Aug 27, 2026 •

edited

Loading

codecov Bot commented Aug 27, 2026 •

edited

Loading

relativeci Bot commented Aug 27, 2026 •

edited

Loading

relativeci Bot commented Aug 27, 2026 •

edited

Loading

relativeci Bot commented Aug 27, 2026 •

edited

Loading

relativeci Bot commented Aug 27, 2026 •

edited

Loading

codspeed-hq Bot commented Aug 27, 2026 •

edited

Loading

relativeci Bot commented Aug 27, 2026 •

edited

Loading