analytics-and-monitoring

Coordinate analytics, crash reporting, and performance monitoring across React Native projects.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/alejandro-technology/react-native-template --skill analytics-and-monitoring
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: analytics-and-monitoring
Source: https://github.com/alejandro-technology/react-native-template/tree/main/.claude/skills/enforcement/analytics-and-monitoring
Command: npx skills add https://github.com/alejandro-technology/react-native-template --skill analytics-and-monitoring

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Standardize analytics, crash reporting, and performance monitoring across a React Native project by defining a factory-backed provider architecture and clear usage guidelines. It addresses the need to plan and integrate analytics capabilities before Firebase packages are installed, ensuring a scalable, consistent approach across modules.

Core Features & Use Cases

  • Factory-based provider pattern to switch analytics backends (Firebase, mocks, etc.)
  • Typed analytics events with a central catalog for consistency
  • Automatic screen tracking integrated with navigation
  • Crash reporting setup and user context propagation
  • Performance monitoring hooks and traces for critical flows
  • Clear separation of UI concerns from analytics mutation points

Quick Start

Install the required Firebase analytics, crashlytics, and performance packages and follow the integration steps to enable the factory-based analytics architecture.

Frequently Asked Questions about analytics-and-monitoring

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up analytics and crash reporting in a React Native app using Firebase?

To set up analytics and crash reporting in a React Native app, integrate Firebase packages using a factory pattern provider architecture. This standardizes analytics calls, enables automatic screen tracking, and propagates user context to Crashlytics across project modules.

What is the factory pattern for analytics providers in React Native?

The factory pattern for analytics providers in React Native creates a standardized service architecture that supports switching analytics backends like Firebase or mocks. It defines typed analytics events centrally, ensuring consistent tracking and clear separation of UI concerns from mutation points.

Do I need to install Firebase packages before implementing performance monitoring in React Native?

Yes, you must install the Firebase analytics, crashlytics, and performance packages before implementation. This ensures the architecture can properly integrate performance monitoring hooks, establish traces for critical flows, and activate crash reporting capabilities.

How do I enable automatic screen tracking with React Native navigation and Firebase analytics?

Automatic screen tracking with React Native navigation is enabled by integrating Firebase analytics within a factory-backed provider architecture. This setup coordinates navigation transitions with analytics calls, automatically logging screen views without requiring manual tracking code in UI components.

What's the best way to structure typed analytics events in React Native?

The best way to structure typed analytics events in React Native is by maintaining a central event catalog within a factory-based provider architecture. This enforces type consistency across modules, standardizes analytics mutations, and separates tracking logic from UI concerns.

Can I use mock analytics providers instead of Firebase in React Native development?

Yes, you can use mock analytics providers instead of Firebase during React Native development. The factory pattern architecture supports switching analytics backends, allowing you to substitute Firebase with mocks for testing without altering the core tracking implementation.