4ba20579da
This commit adds code to all React bundles to explicitly register the beginning and ending of the module. This is done by creating Error objects (which capture the file name, line number, and column number) and passing them explicitly to a DevTools hook (when present). Next, as the Scheduling Profiler logs metadata to the User Timing API, it prints these module ranges along with other metadata (like Lane values and profiler version number). Lastly, the Scheduling Profiler UI compares stack frames to these ranges when drawing the flame graph and dims or de-emphasizes frames that fall within an internal module. The net effect of this is that user code (and 3rd party code) stands out clearly in the flame graph while React internal modules are dimmed. Internal module ranges are completely optional. Older profiling samples, or ones recorded without the React DevTools extension installed, will simply not dim the internal frames. |
||
|---|---|---|
| .. | ||
| plugins | ||
| shims | ||
| validate | ||
| build-all-release-channels.js | ||
| build.js | ||
| bundles.js | ||
| forks.js | ||
| modules.js | ||
| packaging.js | ||
| stats.js | ||
| sync.js | ||
| utils.js | ||
| wrappers.js | ||