React 개발자 도구를 사용하여 Chrome에 React.js 탐색기 추가

모든 웹 개발자는 이미 놀라운 점을 알고 있어야합니다. Chrome 개발자 도구. 이 기능은 Chrome에 바로 내장 개발자가 페이지 검사 과 요소 수정 또는 제거 브라우저에서 바로.

믿을 수 없을만큼 강력하고 가장 좋은 방법입니다. 페이지 행동 연구 대기 시간, 페이지 리소스 또는 콘솔 명령 실행과 같은.

페이스 북의 팀이 React.js 프론트 엔드 개발자를위한 레이어를 추상화하는 라이브러리 특정 UI 요소 재사용.

그리고 지금, 개발자 도구에 대응 너는 할 수있다. 이 요소 계층을 검사한다. 과 페이지에서 바로 편집하십시오..

이것은 완전 무료 확장 그리고 그것은 페이스 북에서 사람들이 개발 한 그래서 당신은 그것이 좋은 품질임을 압니다..

당신은 또한 수 객체 나무의 다른 상태와 경로를 연구한다. 어떤 요소가 다른 요소의 위와 아래에 있는지 포함.

사이드 바에서 다음을 수행 할 수 있습니다. 소품과 주를 통해 찾아보기 이 트리를 사용하면 같은 트리에서 다른 요소의 동작을 연구 할 수 있습니다. 이것은 실제로 최신 사용자를위한 훌륭한 플러그인 학생들이 도서관에 대해 더 많이 이해할 수 있기 때문에.

자연적으로 이것은 또한 다음을 포함합니다. 모든 이벤트 리스너 특정 구성 요소의 상태가 변경 될 수 있습니다. 그리고 바닥에 빵 부스러기 부모 / 자식 요소를 쉽게 훑어 보자..

이것은 완벽한 반응 도구와는 거리가 있습니다. 하지만 네가 할 때 네 일을 훨씬 쉽게 해줄거야. 동적 응용 프로그램을 처음부터 구축.

그 완전 오픈 소스 공식 GitHub 레포 게시판 유지 및 자주 업데이트 됨.

이 Chrome 확장 프로그램을 설치할 수 있습니다. 모든 버전의 Chrome 용. 또는 Firefox 사용자 인 경우 FF 부가 기능을 확인하십시오. FireFox v38 이상을 지원합니다. 지금까지 Safari / Opera 사용자를위한 지원을 보지 못했지만 오픈 소스 확장이므로 가까운 장래에 올 수 있습니다..