Skills
.Work. You
Rest

integration-react-react-router-7-data

Community

Analytics integration for React Router v7 Data Mode apps.

Software Engineering#analytics#posthog#react-router#event-tracking#data-mode
Authordallasbpeters
Version1.0.0
Installs0

System Documentation

What problem does it solve?

PostHog integration for React Router v7 Data mode apps enables you to add product analytics, identify users, and monitor errors in modern data-driven React apps with minimal intrusion.

Core Features & Use Cases

  • Client-side initialization with PostHogProvider
  • User identification on login and signup
  • Event tracking for navigation and key actions
  • Error tracking via RootErrorBoundary and manual captures

Quick Start

Install the PostHog client libraries, configure environment variables for the token and host, wrap the app router with PostHogProvider, and verify events appear in PostHog.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: integration-react-react-router-7-data
Download link: https://github.com/dallasbpeters/tandra-peters-consulting/archive/main.zip#integration-react-react-router-7-data

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.