Edgee 406 react sdk export edgee sdk methods

[Jer1605]

Export Edgee SDK Methods in React SDK

Description

This PR improves the Edgee React SDK by exporting the core Edgee tracking methods (track, user, page, consent) directly. This enhancement allows developers to use the SDK methods without accessing window.edgee manually, improving DX (Developer Experience), performance with the hook, and ensuring a cleaner integration, with a strong typing.

Changes

• ✅ Directly export track, user, page and consent from the SDK, reducing direct interactions with the global window.edgee object.
• ✅ Improved TypeScript definitions for stricter validation and autocompletion.
• ✅ Ensured compatibility with dynamically loaded SDK instances with a queue - tracking calls are only made when the SDK is ready, avoiding redundant checks and improving runtime efficiency.
• ✅ Introduced useEdgeeDataCollection() hook for optimized tracking - The hook memoizes the tracking functions with useCallback(), ensuring that they do not get recreated on every render.

Why This Change?

This enhancement simplifies the usage of Edgee in React applications by making track, user, page, and consent exports, reducing boilerplate and improving reliability.

Usage Example

import { useEdgeeDataCollection } from 'react-edgee';

const MyButton = () => {
  const { track } = useEdgeeDataCollection();
  return <button onClick={() => track({ name: 'button_click' })}>Click Me</button>;
};

export default MyButton;

[alexcasalboni]

Looks good 👍 I would suggest also updating the README with the new hook usage

[Jer1605]

hey @alexcasalboni , could you do a double check, I added an export of the consent method also, and included your suggestions ;) I also updated the Readme file 👍

[alexcasalboni]

We should update the documentation here too (once merged): https://www.edgee.cloud/docs/getting-started/react-sdk