skills.rest
amplitude
amplitudeOFFICIAL
Explore all skills by this author →
WebsiteGitHub

integration-react-react-router-6

Instrument Amplitude events in React Router v6 projects with Title Case names and snake_case properties.

28|Updated Dec 5, 2025
Search Tags:#analytics#frontend#react#router#event-tracking#amplitude#user-identification
One-click install
npx skills add https://github.com/amplitude/wizard --skill integration-react-react-router-6-amplitude
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: integration-react-react-router-6
Source: https://github.com/amplitude/wizard/tree/main/skills/integration/integration-react-react-router-6
Command: npx skills add https://github.com/amplitude/wizard --skill integration-react-react-router-6-amplitude

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Instrument Amplitude analytics in React Router v6 applications with minimal changes, enabling consistent event tracking and user identification across routes.

Core Features & Use Cases

  • Unified integration guidance for React Router v6 projects using Amplitude, including initialization, event naming conventions, and user identification patterns.
  • Best practices for autocapture and identifying users on login, ensuring events are meaningful and non-PII.
  • Reference patterns and examples illustrating common route-driven interactions and analytics workflows.

Quick Start

Follow the workflow in this skill to add Amplitude integration to a React Router v6 project.

Frequently Asked Questions about integration-react-react-router-6

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

FAQPage Schema
How do I set up Amplitude event tracking in a React Router v6 application?▼

Amplitude event tracking in React Router v6 requires initializing the Amplitude SDK, then logging events for authentication, navigation, and feature interactions using Title Case event names and snake_case properties.

What is the best way to identify users for Amplitude analytics after login in React Router?▼

User identification for Amplitude analytics should occur immediately upon login by calling the identify method, ensuring subsequent route navigation events are associated with the correct non-PII user profile.

Can I track route navigation automatically with Amplitude and React Router 6?▼

Yes, Amplitude supports autocapture for navigation events in React Router 6, allowing you to automatically log route changes while applying best practices to ensure events remain meaningful.

What event naming conventions should I use for Amplitude analytics in a React project?▼

Amplitude analytics events in React projects should use Title Case for event names and snake_case for event properties to maintain consistent tracking across all route-driven workflows.

Do I need specific dependencies to integrate Amplitude with React Router 6?▼

No specific external dependencies are required beyond the standard Amplitude SDK and React Router v6, allowing you to implement event tracking and user identification with minimal project changes.

Related Skills

Explore More Software Engineering Skills→
amplitudeamplitude
28

integration-astro-static

Integrate Amplitude analytics into Astro static sites using the Unified SDK.

Official
Intermediate
vibecodevibecode
1

Amplitude

Query Amplitude analytics data and manage charts via the amp CLI.

Official
Advanced
amplitudeamplitude
28

integration-react-tanstack-router-code-based

Integrate Amplitude analytics into React apps using TanStack Router code-based routes.

Official
Advanced
altrupetsaltrupets

Analytics & Tracking

Integrate Firebase Analytics, Mixpanel, and Amplitude into Flutter applications.

Official
Intermediate