---
title: "NEW: Quick integration with NPM library"
slug: "new-fast-integration-with-npm-library-1"
updated: 2024-10-03T13:30:45Z
published: 2024-10-03T13:30:45Z
canonical: "ignite.ticketmaster.com/new-fast-integration-with-npm-library-1"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://ignite.ticketmaster.com/llms.txt
> Use this file to discover all available pages before exploring further.

# NEW: Quick integration with NPM library

### 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](/v1/docs/tickets-sdk-react-native-getting-started) and [Tickets SDK](/v1/docs/react-native-tickets-sdk)) - or by using our NPM library: react-native-ticketmaster-ignite.

| ![image.png](https://cdn.document360.io/995f0bfa-740b-4247-b341-fde1e5326a96/Images/Documentation/image%284%29.png) | [https://www.npmjs.com/package/react-native-ticketmaster-ignite](https://www.npmjs.com/package/react-native-ticketmaster-ignite) |
| --- | --- |
| ![image.png](https://cdn.document360.io/995f0bfa-740b-4247-b341-fde1e5326a96/Images/Documentation/image%285%29.png) | [https://github.com/ticketmaster/react-native-ticketmaster-ignite](https://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](https://github.com/ticketmaster/react-native-ticketmaster-ignite?tab=readme-ov-file#usage) 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](https://github.com/ticketmaster/react-native-ticketmaster-ignite?tab=readme-ov-file#ticketssdkmodal-ios-only).

#### 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](/v1/docs/new-fast-integration-with-npm-library) and [Accounts SDK](/v1/docs/new-fast-integration-with-npm-library-2).