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: "full", discount: 10, purchaseButtonLabel: "Get it" }, data: { flags: { ads: false, checkout: "full", discount: 10, purchaseButtonLabel: "Get it" }, resolvedVariantIds: { ads: "off", checkout: "1617854290624", discount: "off", purchaseButtonLabel: "1617982711642" }, visitor: { key: "vx7ZTN--6OcGTCqN64hE7" } }, error: null, fetching: false, settled: true, visitorKey: "vx7ZTN--6OcGTCqN64hE7" }

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