1.0.1 • Published 10 months ago
@goshops/gs-sdk-react v1.0.1
Introduction
@goshops/gs-sdk-react
is a React.js hook wrapper for the @goshops/gs-sdk
JavaScript SDK. It provides an easy way to integrate the GS SDK into your React applications.
Installation
You can install @goshops/gs-sdk-react
and @goshops/gs-sdk
packages via npm:
npm install --save @goshops/gs-sdk @goshops/gs-sdk-react
Usage
Import the useGSSDK hook from @goshops/gs-sdk-react and use it in your React components:
import React, { useEffect } from 'react';
import useGSSDK from '@goshops/gs-sdk-react';
function App() {
const gsSDK = useGSSDK('your-client-id');
useEffect(() => {
if (!gsSDK) return;
const fetchData = async () => {
try {
const loginResponse = await gsSDK.login('username');
console.log(loginResponse);
const interactionResponse = await gsSDK.addInteraction({ event: 'cart', item: "1233" });
console.log(interactionResponse);
const contentResponse = await gsSDK.getContent('content-id');
console.log(contentResponse);
const logoutResponse = await gsSDK.logout();
console.log(logoutResponse);
} catch (error) {
console.error(error);
}
};
fetchData();
}, [gsSDK]);
return (
// ...
);
}
export default App;
Note: Replace 'your-client-id' with your actual client ID.
Methods
@goshops/gs-sdk-react provides a hook that returns an instance of the GS SDK, which exposes the following methods:
- login(username)
- logout()
- addInteraction(interaction)
- getContent(contentId)
Please refer to the @goshops/gs-sdk documentation for detailed information about these methods.