dillon1000/react

Commit

[DevTools] Rename Fiber to Element in the Bridge Protocol and RendererInterface (#30490)

I need to start clarifying where things are really actually Fibers and
where they're not since I'm adding Server Components as a separate type
of component instance which is not backed by a Fiber.

Nothing in the front end should really know anything about what kind of
renderer implementation we're inspecting and indeed it's already not
always a "Fiber" in the legacy renderer.

We typically refer to this as a "Component Instance" but the front end
currently refers to it as an Element as it historically grew from the
browser DevTools Elements tab.

I also moved the renderer.js implementation into the `backend/fiber`
folder. These are at the same level as `backend/legacy`. This clarifies
that anything outside of this folder ideally shouldn't refer to a
"Fiber".

console.js and profilingHooks.js unfortunately use Fibers a lot which
needs further refactoring. The profiler frontend also uses the term
alot.
Browse files
Changed paths20 files
First-parent comparison
M .eslintrc.js ModifiedM packages/react-devtools-extensions/src/contentScripts/renderer.js ModifiedM packages/react-devtools-shared/src/backend/agent.js ModifiedM packages/react-devtools-shared/src/backend/console.js ModifiedR packages/react-devtools-shared/src/backend/DevToolsFiberComponentStack.js →packages/react-devtools-shared/src/backend/fiber/DevToolsFiberComponentStack.js RenamedR packages/react-devtools-shared/src/backend/renderer.js →packages/react-devtools-shared/src/backend/fiber/renderer.js RenamedM packages/react-devtools-shared/src/backend/index.js ModifiedM packages/react-devtools-shared/src/backend/legacy/renderer.js ModifiedM packages/react-devtools-shared/src/backend/profilingHooks.js ModifiedR packages/react-devtools-shared/src/backend/DevToolsComponentStackFrame.js →packages/react-devtools-shared/src/backend/shared/DevToolsComponentStackFrame.js RenamedR packages/react-devtools-shared/src/backend/DevToolsConsolePatching.js →packages/react-devtools-shared/src/backend/shared/DevToolsConsolePatching.js RenamedR packages/react-devtools-shared/src/backend/DevToolsOwnerStack.js →packages/react-devtools-shared/src/backend/shared/DevToolsOwnerStack.js RenamedR packages/react-devtools-shared/src/backend/ReactSymbols.js →packages/react-devtools-shared/src/backend/shared/ReactSymbols.js RenamedM packages/react-devtools-shared/src/backend/types.js ModifiedM packages/react-devtools-shared/src/backend/views/Highlighter/Overlay.js ModifiedM packages/react-devtools-shared/src/backend/views/Highlighter/index.js ModifiedM packages/react-devtools-shared/src/backendAPI.js ModifiedM packages/react-devtools-shared/src/bridge.js ModifiedM packages/react-devtools-shared/src/devtools/views/Components/TreeContext.js ModifiedM packages/react-devtools-shared/src/frontend/types.js Modified
Patch

Files changed

Rendering syntax-highlighted changes…