Targeting by User

This demo is easiest to understand if you open its source code in a parallel tab.

Source code

This demo shows how to use @happykit/flags for targeting users.

HappyKit allows you to do pass in a user. You can use that user and the provided uesr profile for rules or percentage-based rollouts. The fields supported in the user profile are defined in the README and in the TypeScript types.

Render #1 (Current render)
{
  flags: {
    ads: false,
    checkout: "medium",
    discount: 10,
    purchaseButtonLabel: "Add to cart"
  },
  data: {
    flags: {
      ads: false,
      checkout: "medium",
      discount: 10,
      purchaseButtonLabel: "Add to cart"
    },
    resolvedVariantIds: {
      ads: "off",
      checkout: "off",
      discount: "off",
      purchaseButtonLabel: "1617982706033"
    },
    visitor: {
      key: "_g409p_DBzcr9em3NJDc0"
    }
  },
  error: null,
  fetching: false,
  settled: true,
  visitorKey: "_g409p_DBzcr9em3NJDc0"
}

Note that aside from users, HappyKit also has the concepts of a visitor and traits. These three concepts are all independent of each other.