-
react,redux 유용 플러그인Javascript/React 2020. 3. 8. 21:41
■React Developer Tools
크롬 웹스토어에서 React Developer Tools를 검색한다.
f12 개발자도구의 Components 탭에서 현재 페이지의 react 구조를 확인할 수 있다.
또한 설정의 Highlight updates when components render 를 체크하면 렌더링이 될 때마다
화면의 해당 Component의 테두리에 색깔이 생긴다. 이 색깔이 빨강색에 가까워질 수록 자주 렌더링 된다는
의미이고, 이는 성능 개선에 도움을 줄 수 있다.
■Redux DevTools
'Javascript > React' 카테고리의 다른 글
redux (0) 2020.03.12 (class 스타일)ShouldComponentUpdate와 PureComponent 그리고 memo (0) 2020.03.09 webpack 사용해서 react 프로젝트 생성하기 (0) 2020.02.29 React focus (0) 2020.02.28 React 입문 (0) 2020.02.27 댓글