NEW: Quick integration with NPM library
  • 03 Oct 2024
  • 1 Minute to read
  • Contributors
  • Dark
    Light

NEW: Quick integration with NPM library

  • Dark
    Light

Article summary

Tickets SDK module of the NPM library

The Tickets SDK can be integrated into your React Native project manually - by following the steps listed in the guide below (Getting Started and Tickets SDK) - or by using our NPM library: react-native-ticketmaster-ignite.

image.pnghttps://www.npmjs.com/package/react-native-ticketmaster-ignite
image.pnghttps://github.com/ticketmaster/react-native-ticketmaster-ignite

Follow the installation steps from the library's Readme to install and setup the library.

Once done, head out to the Usage section to learn about the IgniteProvider wrapper needed to finish up the setup phase.

Once your app is wrapped with the IgniteProvider you can use the TicketsSdkModal (ios only) and TicketsSdkEmbedded modules.

Learn more abou the modules here.

Sample implementation:

Embedded (both platforms)

import { TicketsSdkEmbedded } from 'react-native-ticketmaster-ignite';

const MyEvents = () => {
  return <TicketsSdkEmbedded />;
};

Modal (iOS only)

import { Pressable, Text } from 'react-native';
import { TicketsSdkModal } from 'react-native-ticketmaster-ignite';

const [showTicketsSdk, setShowTicketsSdk] = useState(false);

const onShowTicketsSDK = () => {
  setShowTicketsSdk(true);
};

return (
  <>
    <Pressable
      onPress={() => onShowTicketsSDK()}
    >
      <Text>Show Tickets SDK Modal</Text>
    </Pressable>
    <TicketsSdkModal
      showTicketsModal={showTicketsSdk}
      setShowTicketsModal={setShowTicketsSdk}
    />
  </>
);

Other SDKs

The library exports other modules as well: AccountsSDK, useIgnite (hook for AccountsSDK functionalities), and RetailSDK.

See the documentation for the Retail SDK and Accounts SDK.


Was this article helpful?