Creating a React Analytics Logging Library
Dec 16, 2020

Summary
This post details the technical implementation of advanced features for a React analytics logging library. It covers abstracting PropTypes for customizable data tag configurations, enabling teams to define their own data keys and types. It also describes how to create custom payload data shapes using a configuration object and lodash's `set` function for nested data structures. Furthermore, it explains how to implement log history tracking using `window.sessionStorage` to enrich subsequent events with referring data, and how to build a live log-viewer component using React Context API to visualize configured and triggered events in real-time.