포괄적인 로깅, 성능 모니터링, 전체 TypeScript 유형, 오류 경계, 핫 리로드 및 우수한 테스트 범위를 통해 더 빠르게 구축하십시오. 디버그 모드는 자세한 로그 및 타이밍 데이터를 노출합니다. 내보낸 유형은 통합자에게 유형 안전성을 보장합니다.
훌륭한 개발자 경험은 사치가 아닙니다. 반복 속도, 버그 해결 시간 및 팀 생산성에 직접적인 영향을 미칩니다. 우리의 위젯은 디버깅, 모니터링, 유형 안전성 및 테스트를 위한 포괄적인 도구를 제공합니다.
로거는 자동으로 컨텍스트에 적응합니다:
로그는 심각도에 따라 색상으로 구분됩니다: 회색은 디버그, 파란색은 정보, 노란색은 경고, 빨간색은 오류입니다.
모든 공개 API, 구성 옵션, 이벤트 핸들러 및 데이터 구조는 완전한 TypeScript 유형을 가지고 있습니다. 통합자는 자동 완성, 인라인 문서화 및 컴파일 타임 유형 검사를 받습니다. 유형은 기본 패키지에서 내보내집니다:
import type { WidgetConfig, MessageEvent } from '@yourcompany/widget';
이것은 그렇지 않으면 생산에 도달할 수 있는 전체 클래스의 버그를 제거합니다.
React 오류 경계는 렌더링 오류를 포착하고 대체 UI를 표시합니다:
오류는 전체 컨텍스트와 함께 모니터링 시스템에 자동으로 기록됩니다.
위젯은 Jest 및 React Testing Library를 사용하여 포괄적인 테스트 인프라를 포함합니다:
모호한 기술 오류 대신 위젯은 실행 가능한 지침을 제공합니다:
필수 필드 누락: apiKey. 위젯 구성에 apiKey: "your-key"를 추가하십시오.잘못된 위치: "top-center". 유효한 옵션: "bottom-right", "bottom-left", "top-right", "top-left".GitHub Actions 워크플로우는 모든 푸시에서 실행됩니다: