This is an example of how to use the Xkit embedded catalog in React.js. It is using Parcel as a bundler.

How to use

• Allow your app to make request to the server.
  1. Visit app.xkit.co/settings.
  2. Find Web Origins section.
  3. Add http://localhost:1234.
• Install dependencies yarn.
• Open src/app.tsx and paste <your slug> value. You can find it on the same app.xkit.co/settings page as a Project Subdomain.
• Run yarn dev.
• Visit localhost:1234.

If you created any sources before, you will see something like this.

Otherwise you will need to create them on app.xkit.co/sources.

Learn more

To learn more about Xkit, visit the Xkit docs.

Also there is xkit-next, which is an example of how to use the Xkit embedded catalog in Next.js.