Loading server PostHog results...

🚩 PostHog Feature Flag Methods Comparison

❌ PostHog Not Ready

📚 Method Differences

useFeatureFlagEnabled: Returns boolean (true/false/undefined) - best for simple on/off toggles
useFeatureFlagVariantKey: Returns variant key (string/boolean) - for multivariate flags
useFeatureFlagPayload: Returns payload data (object/any) - for remote config with complex data
useActiveFeatureFlags: Returns array of all active flag keys for current user

🔘 Boolean Flag: formuna-flag-test

Enabled: undefined
Variant: undefined

📦 Payload Flag: formuna-remoteconfig-test

Variant: undefined
Payload: undefined

🔧 Client-Side Methods Demonstrated

React Hooks (Mock):
  • useFeatureFlagEnabled()
  • useFeatureFlagVariantKey()
  • useFeatureFlagPayload()
  • useActiveFeatureFlags()
Direct Client Methods:
  • posthog.isFeatureEnabled()
  • posthog.getFeatureFlag()
  • posthog.getFeatureFlagPayload()

💡 Usage Examples

Boolean Toggle:
const isEnabled = useFeatureFlagEnabled('formuna-flag-test');
if (isEnabled) {
  return <NewFeatureComponent />;
}
Multivariate Test:
const variant = useFeatureFlagVariantKey('formuna-remoteconfig-test');
switch (variant) {
  case 'control': return <ControlVersion />;
  case 'variant-a': return <VariantA />;
  case 'variant-b': return <VariantB />;
}
Remote Config:
const config = useFeatureFlagPayload('formuna-remoteconfig-test');
const theme = config?.theme || 'default';
const maxItems = config?.maxItems || 10;

🎯 PostHog Client Demo

❌ PostHog Not Available

📊 Event Capture

🚩 Feature Flags

💡 How it works:

  • • Event Capture: Click buttons to send events to PostHog
  • • Feature Flags: Shows real-time feature flag values from PostHog
  • • Error Handling: Displays any PostHog errors gracefully
  • • Status Check: Shows if PostHog is available and working
Loading Formuna content...