instrumentation-and-telemetry
Implement deep instrumentation pipelines for tracing, metrics, and real-user monitoring of React apps.
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
Instrumentation and Telemetry (React 18)
Summary
Implement deep instrumentation pipelines for tracing, metrics, and real-user monitoring of React apps.
Key Capabilities
- Capture render timings and scheduler lane metadata.
- Correlate UI performance with backend latency traces.
- Build dashboards for critical UX metrics (TTI, INP, CLS).
PhD-Level Challenges
- Develop sampling strategies that preserve tail events.
- Formalize trace causality across async boundaries.
- Validate telemetry accuracy with synthetic benchmarks.
Acceptance Criteria
- Provide a trace dashboard and sample data pipeline.
- Demonstrate correlation between UI and API latencies.
- Document sampling and privacy constraints.
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-01-26
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!