--- title: "Introducing react-amplitude" description: "At Amplitude, we log app analytics with custom Redux middleware. It's a great system with one big drawback: prop plumbing. Here's what happened when I decided to tackle the issue." canonical: "https://amplitude.com/en-us/blog/introducing-react-amplitude" --- # Introducing react-amplitude At Amplitude, we log app analytics with custom Redux middleware. It's a great system with one big drawback: prop plumbing. Here's what happened when I decided to tackle the issue. Source: https://amplitude.com/en-us/blog/introducing-react-amplitude --- [Ryan Ashcraft](/blog/author/ryan-ashcraft) [Former Senior Software Engineer, Amplitude](/blog/author/ryan-ashcraft) [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Famplitude.com%2Fblog%2F%2Fblog%2Fintroducing-react-amplitude)[](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Famplitude.com%2Fblog%2F%2Fblog%2Fintroducing-react-amplitude)[](https://twitter.com/intent/tweet?url=https%3A%2F%2Famplitude.com%2Fblog%2F%2Fblog%2Fintroducing-react-amplitude\&text=Introducing%20react-amplitude)[](mailto:?subject=Checkout%20this%20Amplitude%20Article\&body=Check%20this%20out%3A%20https%3A%2F%2Famplitude.com%2Fblog%2F%2Fblog%2Fintroducing-react-amplitude) [React](https://amplitude.com/track/react) is the engine of Amplitude’s web app. We log app analytics using custom Redux middleware that translates Redux events to Amplitude logEvent calls. While this setup brings a host of benefits, there are some disadvantages. The main drawback is “prop plumbing” — the process of moving props through multiple layers. I wanted to dig deeper into the chronic prop plumbing issue. So, for a hackathon held earlier this year, I decided to tackle the issue by building a declarative, React component-based Amplitude API. It turned out that with my API, I could address more than just the plumbing event properties issue. One of the most exciting use cases I came across was react-amplitude’s ability to instrument a large surface area of their apps with minimal effort. Basically, this means that with only a few lines of code, you can generate insightful user behavior data across large areas of your app. [Read more about how I built my API, and find out what’s in store for react-amplitude.](https://amplitude.engineering/introducing-react-amplitude-d7b5258bc708) About the author Ryan Ashcraft Former Senior Software Engineer, Amplitude [More from Ryan](/blog/author/ryan-ashcraft) Ryan was formerly on the Product Engineering team at Amplitude. He is passionate about building delightful user experiences and designing robust applications. Prior to Amplitude, Ryan worked as a frontend engineer at Yahoo, built some iOS apps, and studied at Georgia Tech. [More from Ryan](/blog/author/ryan-ashcraft) Topics #### Recommended Reading [Read ](/blog/lessons-from-consolidating-our-mcp-server) [Insights](/blog/lessons-from-consolidating-our-mcp-server) ###### [Lessons from consolidating our MCP server](/blog/lessons-from-consolidating-our-mcp-server) [Oct 6, 2026](/blog/lessons-from-consolidating-our-mcp-server) [10 min read](/blog/lessons-from-consolidating-our-mcp-server) [Read ](/blog/what-ai-engineers-do) [Insights](/blog/what-ai-engineers-do) ###### [What AI engineers do in the age of agentic code](/blog/what-ai-engineers-do) [Oct 1, 2026](/blog/what-ai-engineers-do) [14 min read](/blog/what-ai-engineers-do) [Read ](/blog/jev-analysis) [Insights](/blog/jev-analysis) ###### [An analysis of Jev: Faster and cheaper, but watch the accuracy](/blog/jev-analysis) [Sep 28, 2026](/blog/jev-analysis) [13 min read](/blog/jev-analysis) [Read ](/blog/ai-context-configuration) [Product](/blog/ai-context-configuration) ###### [Your agent isn’t broken. It’s guessing.](/blog/ai-context-configuration) [Sep 23, 2026](/blog/ai-context-configuration) [6 min read](/blog/ai-context-configuration) #### Explore Related Content [101](/compare/top-feature-flag-solutions-for-product-teams) ###### [9 Top Feature Flag Solutions for Modern Product Teams in 2026](/compare/top-feature-flag-solutions-for-product-teams) [Jan 27, 2026](/compare/top-feature-flag-solutions-for-product-teams) [Integration](/blog/amplitude-hubspot-behavioral-analytics) ###### [Using behavioral analytics for growth with the Amplitude app on HubSpot](/blog/amplitude-hubspot-behavioral-analytics) [Jun 17, 2024](/blog/amplitude-hubspot-behavioral-analytics) [10 min read](/blog/amplitude-hubspot-behavioral-analytics) [Personalization](/blog/identity-resolution-insights) ###### [Identity resolution: The secret to a 360-degree customer view](/blog/identity-resolution-insights) [Feb 16, 2024](/blog/identity-resolution-insights) [10 min read](/blog/identity-resolution-insights) [Product](/blog/warehouse-native-technical-deep-dive) ###### [Inside warehouse-native Amplitude: A technical deep dive](/blog/warehouse-native-technical-deep-dive) [Jun 27, 2023](/blog/warehouse-native-technical-deep-dive) [15 min read](/blog/warehouse-native-technical-deep-dive) [Guide](/resources/boost-customer-engagement) ###### [5 Proven Strategies to Boost Customer Engagement](/resources/boost-customer-engagement) [Jul 12, 2023](/resources/boost-customer-engagement) [Video](/designing-high-impact-experiments) ###### [Designing High-Impact Experiments](/designing-high-impact-experiments) [May 13, 2024](/designing-high-impact-experiments) [Startup](/blog/direct-to-consumer-marketing-tactics) ###### [9 direct-to-consumer marketing tactics to accelerate ecommerce growth](/blog/direct-to-consumer-marketing-tactics) [Feb 20, 2024](/blog/direct-to-consumer-marketing-tactics) [10 min read](/blog/direct-to-consumer-marketing-tactics) [Growth](/blog/analytics-product-market-fit) ###### [Leveraging analytics to achieve product-market fit](/blog/analytics-product-market-fit) [Jul 20, 2023](/blog/analytics-product-market-fit) [10 min read](/blog/analytics-product-market-fit)