lucid 용 Google Chrome

쉽게 React 애플리케이션 디버그

Lucid Chrome 확장 프로그램을 사용하여 React GraphQL 애플리케이션을 쉽게 탐색, 디버그 및 이해할 수 있습니다. React 앱, graphQL 스키마, 쿼리 및 변형을 시각화하고 탐색하는 가장 직관적인 방법은 이제 클릭 한 번으로 가능합니다.

React 애플리케이션은 Lucid를 사용하여 분석할 수 있습니다. 반응 앱을 구문 분석하고 트리의 각 노드에 대한 구성 요소 계층, 소품 및 상태를 보여주는 대화형 트리 그래프를 만듭니다. 사용자 앱 상태가 변경될 때마다 트리가 업데이트되고 측면에 상태 변경 로그가 표시됩니다.

앱의 각 구성요소에 대한 graphQL 스키마와 쿼리를 분석할 수도 있습니다. , 반응 앱의 구성 요소 바로 옆에 있습니다.