[Fiber][WIP] Support React DevTools

[gaearon]

My first attempt. It seems to be working.

I diff trees on every commit to keep the implementation simple but we might hit performance limits with this. I'll be testing performance on Facebook products tomorrow.

I put the implementation inside React so that DevTools can stop depending on the internal field format. This makes it easier both for us to change the internals (for example, if we later decide to change the strategy), and for libraries like Preact/Infero (hi @trueadm @developit) to integrate with DevTools.

Some things are intentionally missing:

• DOM highlighting
• Jumping to the React element from Elements node
• Support for Fiber-specific features like fragments
• Cleaner data structure API
• Flow / lint

I want to come back to them after making sure this approach is viable perf-wise.

Related DevTools PR: facebook/react-devtools#473. If you want to try it out, build React, check out DevTools at that branch, and copy the built React packages into its node_modules. The plain shell is the best for experimenting. If you change anything in React you'll need to recompile this folder by running ../../node_modules/.bin/webpack in it.

[gaearon]

Superseded by #8818.

[ghost]

hey what to do now? 17.01.2017 21:47 "Dan Abramov" <notifications@github.com> napisał(a):

…

Closed #8807 <#8807>. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#8807 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AXwKLkHwu4JuHoQLdpXxRmP6rEbaI-_vks5rTSjwgaJpZM4LlGc_> .