mirror of https://github.com/facebook/react.git synced 2026-02-26 03:35:25 +00:00

Files

Ruslan Lesiutin e5287287aa feat[devtools]: symbolicate source for inspected element (#28471 )

Stacked on https://github.com/facebook/react/pull/28351, please review
only the last commit.

Top-level description of the approach:
1. Once user selects an element from the tree, frontend asks backend to
return the inspected element, this is where we simulate an error
happening in `render` function of the component and then we parse the
error stack. As an improvement, we should probably migrate from custom
implementation of error stack parser to `error-stack-parser` from npm.
2. When frontend receives the inspected element and this object is being
propagated, we create a Promise for symbolicated source, which is then
passed down to all components, which are using `source`.
3. These components use `use` hook for this promise and are wrapped in
Suspense.

Caching:
1. For browser extension, we cache Promises based on requested resource
+ key + column, also added use of
`chrome.devtools.inspectedWindow.getResource` API.
2. For standalone case (RN), we cache based on requested resource url,
we cache the content of it.

2024-03-05 12:32:11 +00:00

npm

Add Debug Tools Package for Introspection of Hooks (#14085 )

2018-11-05 10:02:59 -08:00

src

Update /link URLs to react.dev (#28477 )

2024-03-03 17:34:33 -05:00

index.js

[Codemod] Update copyright header to Meta (#25315 )

2022-10-18 11:19:24 -04:00

package.json

feat[devtools]: symbolicate source for inspected element (#28471 )