dillon1000/react

Commit

Improved inspected element props with inline previews (#17579)

* Improved inspected element props with inline previews

This mimics the inline preview shown by the brower console and dramatically improves the UX when inspecting deep values. I also updated tests to add more coverage for this new functionality.

* Cleaned up the DataView vs typed array check

* Added early bailouts to DevTools when generating preview strings for iterables/objects/arrays, to avoid doing unnecessary work
Browse files
Brian Vaughn authored 12c000412d05c4a6079b4f57f721a40b8cea374d Parent 2afeebd
Changed paths9 files
First-parent comparison
M packages/react-devtools-shared/src/__tests__/__snapshots__/inspectedElementContext-test.js.snap ModifiedM packages/react-devtools-shared/src/__tests__/inspectedElementContext-test.js ModifiedM packages/react-devtools-shared/src/__tests__/legacy/__snapshots__/inspectElement-test.js.snap ModifiedM packages/react-devtools-shared/src/__tests__/legacy/inspectElement-test.js ModifiedM packages/react-devtools-shared/src/devtools/views/Components/KeyValue.js ModifiedM packages/react-devtools-shared/src/devtools/views/utils.js ModifiedM packages/react-devtools-shared/src/hydration.js ModifiedM packages/react-devtools-shared/src/utils.js ModifiedM packages/react-devtools-shell/src/app/InspectableElements/UnserializableProps.js Modified
Patch

Files changed

Rendering syntax-highlighted changes…