반응형
Reactjs Dev 툴의 훅 번호는 무엇에 해당합니까?
성능 문제를 프로파일링하고 싶은 react.js 앱이 있습니다.
파이어폭스에서 리액트 개발 도구 프로파일러를 사용하고 있어요
특정 상호작용을 프로파일링하고 개발 도구에서 Flamegraph와 순위 지정 시간 그래프를 가져옵니다.
그런 다음 개발 도구에 다음 메시지가 표시됩니다.
개발 툴의 이 부분은 인터랙티브하지 않기 때문에, 훅의 번호를 매기는 방법에 대해서는 아무것도 찾을 수 없습니다.
이 숫자들을 어떻게 해석해야 하나요?그들은 무엇에 대응합니까?어떤 훅에 대한 정보는 어디서 찾을 수 있나요?
이것이 그들이 그 업적을 추가한 홍보입니다.일부 성능 제약으로 인해 더 나은 UI를 제공하지 못했습니다.그러나 개발 도구의 컴포넌트 탭으로 이동하여 해당 컴포넌트를 검사하면 이러한 인덱스에 해당하는 훅을 찾을 수 있습니다. 훅 섹션에는 호출된 훅의 트리가 있으며 각 훅의 왼쪽에는 인덱스의 작은 숫자가 표시됩니다.그것들을 찾으려면 아마도 갈고리 나무를 펼쳐야 할 것이다.
여기 링크된 PR의 스크린샷이 있습니다.
언급URL : https://stackoverflow.com/questions/68925790/what-does-the-hook-numbers-in-the-reactjs-dev-tool-correspond-to
반응형
'programing' 카테고리의 다른 글
| AngularJS: ng-include에 각부하 스크립트를 작성하는 방법 (0) | 2023.03.07 |
|---|---|
| Bootstrap for Angular와 Material for Angular의 조합에 의한 설계 (0) | 2023.03.07 |
| React.forwardRef를 사용하는 것과 커스텀 레퍼런스 프로포즈를 사용하는 것의 가치 (0) | 2023.03.07 |
| 브라우저에서 testacular를 사용한 디버깅(현재의 카르마) (0) | 2023.03.07 |
| WordPress 웹 사이트를 프로그레시브 웹 앱으로 변환 (0) | 2023.03.07 |