StateViz 크롬 확장 프로그램
StateViz는 웹 애플리케이션 내 데이터 흐름을 시각화하기 위해 설계된 범용 Chrome 확장 프로그램입니다. React, Svelte와 같은 다양한 라이브러리를 지원하며 더 많은 라이브러리를 지원할 예정입니다. 이 확장 프로그램은 여러 라이브러리를 지원하여 사용자가 동시에 다른 라이브러리로 구축된 애플리케이션을 검토할 수 있습니다. 구성 요소, DOM 요소 및 Svelte 블록과 같은 라이브러리별 요소를 포함한 응용 프로그램 구조의 상세한 시각화를 제공합니다.
사용자는 실시간 구성 요소 데이터를 검사할 수 있으며, React의 속성, 상태, 컨텍스트 및 훅과 같은 라이브러리별 세부 정보를 확인할 수 있습니다. StateViz는 원하는 요소만 표시하는 요소 필터, 효율적인 탐색을 위한 DOM 요소 강조 기능, 사용자 선호에 따른 라이트 및 다크 모드를 제공합니다. 앱 트리에 액세스하기 위한 권한이 필요하지만, 이 확장 프로그램은 데이터를 원격으로 전송하지 않으며 GitHub에서 완전히 오픈 소스로 제공됩니다.