You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Jan 26, 2021. It is now read-only.
Link to video: https://www.youtube.com/watch?v=vfm4018YBEY&feature=youtu.be
Article: https://www.netlify.com/blog/2018/08/29/using-the-react-devtools-profiler-to-diagnose-react-app-performance-issues/
How to get it working:
Install React:
git clone git@github.com:facebook/react.git
yarn
yarn build core,dom,interaction-tracking --type=NODE
frontity
:cd build/node_modules/react && yarn link && cd ../../..
cd build/node_modules/react-dom && yarn link && cd ../../..
cd build/node_modules/interaction-tracking && yarn link && cd ../../..
frontity
and runyarn link react react-dom interaction-tracking
Known issues:
Rollup might complain about Java. Install this version: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
Install React Devtools:
git clone git@github.com:facebook/react-devtools.git
yarn
yarn build:extension:chrome
chrome://extension
react-devtools
.react-devtools/shells/chrome/build/unpacked
folder.Known issues:
You need to use Node v8.4.11 LTS: https://nodejs.org/dist/v8.11.4/node-v8.11.4.pkg
Finally:
Now open a new tab in Chrome (https://demo.worona.org) and react's tab in Chrome devtools should be working.
This makes
Profiler
andtrack
to work by themselves, but the integration between both is in another branch (https://github.com/bvaughn/react/tree/interaction-tracking-profiler-integration), and when we change to that branch,react-devtools
stops working.The text was updated successfully, but these errors were encountered: