sentry-react-setup

작성자: sentry

Sentry 오류 모니터링, 세션 재생, React 애플리케이션 추적. @sentry/react를 설치하고 DSN 설정과 함께 instrument.js(진입점에서 첫 번째로 가져옴)를 통해 초기화. React 19+ 오류 훅 또는 이전 버전의 ErrorBoundary 컴포넌트를 통한 오류 캡처 지원. 브라우저 추적, 세션 재생, Redux 통합 포함; React Router(v4–v7) 및 TanStack Router용 라우터 통합 가능. @sentry/wizard를 통한 소스 맵 업로드로 읽기 쉬운 스택 트레이스 제공...

npx skills add https://github.com/getsentry/sentry-agent-skills --skill sentry-react-setup

ZIP 다운로드 GitHub

sentry의 다른 스킬

generate-frontend-forms

Sentry의 새로운 폼 시스템을 사용하여 폼을 생성하는 가이드입니다. 폼, 폼 필드, 유효성 검사 또는 자동 저장 기능을 구현할 때 사용하세요.

sentry-snapshots-cocoa

Apple/Cocoa 프로젝트를 위한 전체 Sentry Snapshots 설정입니다. "SnapshotPreviews 설정", "Apple 스냅샷 테스트 설정", "Apple 스냅샷 업로드" 요청 시 사용하세요.

architecture-review

직원 수준의 코드베이스 건강 검토. 모놀리식 모듈, 무음 실패, 타입 안전성 격차, 테스트 커버리지 구멍, LLM 친화성 문제를 찾습니다.

linear-type-labeler

Linear 이슈를 분류하고, 각 이슈의 제목과 설명 내용을 기반으로 Sentry 워크스페이스의 레이블 분류 체계에서 Type 레이블을 적용합니다.

sentry-flutter-sdk

Flutter 및 Dart를 위한 완전한 Sentry SDK 설정입니다. "Flutter에 Sentry 추가", "sentry_flutter 설치", "Dart에서 Sentry 설정" 또는 오류 구성을 요청받았을 때 사용하세요.

sentry-svelte-sdk

Svelte 및 SvelteKit을 위한 완전한 Sentry SDK 설정입니다. "Svelte에 Sentry 추가", "SvelteKit에 Sentry 추가", "@sentry/sveltekit 설치" 또는 구성 요청 시 사용하세요.

vercel-react-best-practices

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

sentry-tanstack-start-sdk

TanStack Start React용 전체 Sentry SDK 설정. "TanStack Start에 Sentry 추가", "@sentry/tanstackstart-react 설치" 또는 오류 구성 요청 시 사용…