This page explains how to send data from your client-side React apps to Axiom using the @axiomhq/react library.
React is a popular open-source JavaScript library developed by Meta for building user interfaces. Known for its component-based architecture and efficient rendering with a virtual DOM, React is widely used by companies of all sizes to create fast, scalable, and dynamic web applications.
This page explains how to use the @axiomhq/react library to send data from your client-side React apps to Axiom.
The @axiomhq/react library is part of the Axiom JavaScript SDK, an open-source project and welcomes your contributions. For more information, see the GitHub repository.
The @axiomhq/react library is currently in public preview. For more information, see Features states.
In your terminal, go to the root folder of your React app and run the following command:
Create a Logger
instance and export the utils. The example below uses the useLogger
and WebVitals
components.
To send logs from components, use the useLogger
hook that returns your logger instance.
To send Web Vitals, mount the WebVitals
component in the root of your React app.
This page explains how to send data from your client-side React apps to Axiom using the @axiomhq/react library.
React is a popular open-source JavaScript library developed by Meta for building user interfaces. Known for its component-based architecture and efficient rendering with a virtual DOM, React is widely used by companies of all sizes to create fast, scalable, and dynamic web applications.
This page explains how to use the @axiomhq/react library to send data from your client-side React apps to Axiom.
The @axiomhq/react library is part of the Axiom JavaScript SDK, an open-source project and welcomes your contributions. For more information, see the GitHub repository.
The @axiomhq/react library is currently in public preview. For more information, see Features states.
In your terminal, go to the root folder of your React app and run the following command:
Create a Logger
instance and export the utils. The example below uses the useLogger
and WebVitals
components.
To send logs from components, use the useLogger
hook that returns your logger instance.
To send Web Vitals, mount the WebVitals
component in the root of your React app.