React Developer Tools
React Developer Tools의 상품 로고 이미지

React Developer Tools

추천
4.0(

평점 1.5천개

)
항목 미디어 1 스크린샷

개요

Adds React debugging tools to the Chrome Developer Tools. Created from revision 1717ab0171 on 5/8/2024.

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools. You will get two new tabs in your Chrome DevTools: "⚛️ Components" and "⚛️ Profiler". The Components tab shows you the root React components that were rendered on the page, as well as the subcomponents that they ended up rendering. By selecting one of the components in the tree, you can inspect and edit its current props and state in the panel on the right. In the breadcrumbs you can inspect the selected component, the component that created it, the component that created that one, and so on. If you inspect a React element on the page using the regular Elements tab, then switch over to the React tab, that element will be automatically selected in the React tree. The Profiler tab allows you to record performance information. This extension requires permissions to access the page's React tree, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/facebook/react/tree/master/packages/react-devtools-extensions.

5점 만점에 4.0점평점 1.5천개

Google은 리뷰를 검증하지 않습니다. 검색결과 및 리뷰에 관해 자세히 알아보기

프로필 사진 검토

리눅서2024. 4. 4.

유튜브 접속시 무한로딩 문제가 발생합니다.

프로필 사진 검토

Wonseok Kong2023. 12. 10.

정확한 원인은 모르겠으나 나이스페이 결제창 연동시 결제창 페이지가 노출되지 않는 경우와 관련 있습니다

프로필 사진 검토

Jin2020. 8. 17.

state가 여러개 있어도 state이름이 뜨지 않고 그냥 state라고만 나오는데 state의 이름을 나오게 하는 방법이 있나요?

세부정보

  • 버전
    5.2.0 (5/8/2024)
  • 업데이트됨
    2024년 5월 9일
  • 제공
    Meta
  • 크기
    2.4MiB
  • 언어
    English
  • 개발자
    Meta Platforms, Inc.
    1 Hacker Way Menlo Park, CA 94025 US
    이메일
    extensions@fb.com
  • 판매자
    개발자가 유럽 연합에서 정의한 바에 따라 본인을 판매자로 밝혔습니다.

개인정보 보호

개발자가 데이터를 수집하거나 사용하지 않겠다고 명시했습니다.

개발자가 사용자 데이터에 관해 다음과 같이 선언했습니다

  • 승인된 사용 사례를 제외하고 서드 파티에 판매하지 않음
  • 항목의 핵심 기능과 관련 없는 목적으로 사용하거나 전송하지 않음
  • 신용도 판단 또는 대출 목적으로 사용하거나 전송하지 않음

지원

질문, 제안 또는 문제와 관련하여 도움이 필요하시면 개발자의 지원 사이트를 방문하세요.

관련 항목

LocatorJS

4.2(57)

LocatorJS Chrome Extension - option-click to code (ReactJS)

OctoLinker

4.9(110)

OctoLinker – Links together, what belongs together.

Angular state inspector

4.7(62)

Helps you debug Angular component state. Supports Angular 1/2+/Ivy!

MobX Developer Tools

3.3(50)

Dev-tools for MobX and React

Redux DevTools

4.6(707)

Redux DevTools for debugging application's state changes.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

JSON Formatter

4.6(1.8천)

Makes JSON easy to read. Open source.

Vue.js devtools

4.3(2.1천)

Browser DevTools extension for debugging Vue.js applications.

React Performance Devtool

3.4(11)

A devtool extension for inspecting the performance of React components.

Testing Playground

4.5(52)

Simple and complete DOM testing playground that encourage good testing practices.

GraphQL Network Inspector

4.7(110)

Simple and clean network inspector for GraphQL

GraphQL developer tools

3.0(24)

Devtools panel for GraphQL development

LocatorJS

4.2(57)

LocatorJS Chrome Extension - option-click to code (ReactJS)

OctoLinker

4.9(110)

OctoLinker – Links together, what belongs together.

Angular state inspector

4.7(62)

Helps you debug Angular component state. Supports Angular 1/2+/Ivy!

MobX Developer Tools

3.3(50)

Dev-tools for MobX and React

Redux DevTools

4.6(707)

Redux DevTools for debugging application's state changes.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

JSON Formatter

4.6(1.8천)

Makes JSON easy to read. Open source.

Vue.js devtools

4.3(2.1천)

Browser DevTools extension for debugging Vue.js applications.

Google 앱