Skip to content

Conversation

sebmarkbage
Copy link
Collaborator

Same as #30140 but for Fizz.

This is rarely used but it does allow seeing component stacks when inspecting the Node.js server running Fizz using --inspect and the Chrome DevTools.

Screenshot 2024-06-29 at 4 08 22 PM

@sebmarkbage sebmarkbage requested a review from gnoff June 29, 2024 20:11
Copy link

vercel bot commented Jun 29, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
react-compiler-playground ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 1, 2024 1:37pm

@react-sizebot
Copy link

react-sizebot commented Jun 29, 2024

Comparing: d40ea87...819de51

Critical size changes

Includes critical production bundles, as well as any change greater than 2%:

Name +/- Base Current +/- gzip Base gzip Current gzip
oss-stable/react-dom/cjs/react-dom.production.js = 6.68 kB 6.68 kB = 1.83 kB 1.83 kB
oss-stable/react-dom/cjs/react-dom-client.production.js = 497.99 kB 497.99 kB = 89.27 kB 89.27 kB
oss-experimental/react-dom/cjs/react-dom.production.js = 6.69 kB 6.69 kB +0.05% 1.83 kB 1.83 kB
oss-experimental/react-dom/cjs/react-dom-client.production.js = 502.81 kB 502.81 kB = 89.97 kB 89.97 kB
facebook-www/ReactDOM-prod.classic.js = 597.08 kB 597.08 kB = 105.33 kB 105.33 kB
facebook-www/ReactDOM-prod.modern.js = 571.42 kB 571.42 kB = 101.27 kB 101.27 kB
test_utils/ReactAllWarnings.js Deleted 62.88 kB 0.00 kB Deleted 15.69 kB 0.00 kB

Significant size changes

Includes any change greater than 0.2%:

Expand to show
Name +/- Base Current +/- gzip Base gzip Current gzip
oss-experimental/react-html/cjs/react-html.react-server.development.js = 477.24 kB 475.27 kB = 86.35 kB 86.14 kB
oss-experimental/react-dom/cjs/react-dom-server.edge.development.js = 385.93 kB 383.95 kB = 68.08 kB 67.86 kB
oss-experimental/react-dom/cjs/react-dom-server.browser.development.js = 385.38 kB 383.40 kB = 67.98 kB 67.77 kB
oss-experimental/react-dom/cjs/react-dom-server.node.development.js = 380.86 kB 378.87 kB = 67.48 kB 67.27 kB
oss-experimental/react-dom/cjs/react-dom-server-legacy.browser.development.js = 362.54 kB 360.56 kB = 65.29 kB 65.07 kB
oss-experimental/react-dom/cjs/react-dom-server-legacy.node.development.js = 362.54 kB 360.55 kB = 65.29 kB 65.07 kB
oss-experimental/react-html/cjs/react-html.development.js = 334.46 kB 332.52 kB = 61.11 kB 60.90 kB
oss-experimental/react-dom/cjs/react-dom-server.bun.development.js = 322.94 kB 320.68 kB = 62.27 kB 62.05 kB
oss-experimental/react-server/cjs/react-server.development.js = 168.12 kB 166.14 kB = 30.31 kB 30.09 kB
test_utils/ReactAllWarnings.js Deleted 62.88 kB 0.00 kB Deleted 15.69 kB 0.00 kB

Generated by 🚫 dangerJS against 819de51

sebmarkbage added a commit that referenced this pull request Jul 1, 2024
…lable (#30140)

Same as #30142 but for Flight Server.

This is rarely used but it does allow seeing component stacks when
inspecting the Node.js server running Flight using `--inspect` and the
Chrome DevTools.

<img width="595" alt="Screenshot 2024-06-29 at 1 08 47 PM"
src="https://github.com/facebook/react/assets/63648/7f643e1e-a251-4e4d-b015-22a22a47031d">
This is rarely used but it does allow seeing component stacks when inspecting the Node.js server running Fizz using --inspect and the Chrome DevTools.
@sebmarkbage sebmarkbage merged commit e6783e7 into facebook:main Jul 1, 2024
sebmarkbage added a commit that referenced this pull request Jul 1, 2024
Stacked on #30142.

This tracks owners and their stacks in DEV in Fizz. We use the
ComponentStackNode as the data structure to track this information -
effectively like ReactComponentInfo (Server) or Fiber (Client). They're
the instance.

I then port them same logic from ReactFiberComponentStack,
ReactFiberOwnerStack and ReactFiberCallUserSpace to Fizz equivalents.

This gets us both owner stacks from `captureOwnerStack()`, as well as
appended to console.errors logged by Fizz, while rendering and in
onError.
github-actions bot pushed a commit that referenced this pull request Jul 1, 2024
Stacked on #30142.

This tracks owners and their stacks in DEV in Fizz. We use the
ComponentStackNode as the data structure to track this information -
effectively like ReactComponentInfo (Server) or Fiber (Client). They're
the instance.

I then port them same logic from ReactFiberComponentStack,
ReactFiberOwnerStack and ReactFiberCallUserSpace to Fizz equivalents.

This gets us both owner stacks from `captureOwnerStack()`, as well as
appended to console.errors logged by Fizz, while rendering and in
onError.

DiffTrain build for [315109b](315109b)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed React Core Team Opened by a member of the React Core Team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants