Аналитика и мониторинг

npx expo install @sentry/react-native

import * as Sentry from '@sentry/react-native';

Sentry.init({
    dsn: 'YOUR_DSN',
    debug: __DEV__,
    tracesSampleRate: 1.0,
    enableAutoSessionTracking: true,
});

try {
    await riskyOperation();
} catch (error) {
    Sentry.captureException(error);
    throw error;
}

Sentry.setUser({ id: user.id, email: user.email });
Sentry.addBreadcrumb({ category: 'ui', message: 'Button clicked' });

npx expo install @react-native-firebase/app @react-native-firebase/crashlytics

npm install @amplitude/analytics-react-native

import * as amplitude from '@amplitude/analytics-react-native';

amplitude.init('API_KEY');
amplitude.track('Button Clicked', { button: 'buy' });
amplitude.setUserId(user.id);

npm install posthog-react-native

import PostHog from 'posthog-react-native';

const posthog = new PostHog('API_KEY');

posthog.capture('purchase', { amount: 99 });
posthog.screen('Profile');

npx expo install @react-native-firebase/analytics

import analytics from '@react-native-firebase/analytics';

await analytics().logEvent('purchase', { value: 99 });
await analytics().setUserId(user.id);
await analytics().logScreenView({ screen_name: 'Profile' });

function ProductCard({ product }: { product: Product }) {
    function handleBuy() {
        analytics.track('buy_clicked', {
            productId: product.id,
            price: product.price,
            category: product.category,
        });
        addToCart(product);
    }

    return <Pressable onPress={handleBuy}>Купить</Pressable>;
}

import { NavigationContainer, useNavigationContainerRef } from '@react-navigation/native';

function App() {
    const navigationRef = useNavigationContainerRef();
    const routeNameRef = useRef<string>();

    return (
        <NavigationContainer
            ref={navigationRef}
            onReady={() => {
                routeNameRef.current = navigationRef.getCurrentRoute()?.name;
            }}
            onStateChange={async () => {
                const previous = routeNameRef.current;
                const current = navigationRef.getCurrentRoute()?.name;

                if (previous !== current) {
                    analytics.track('screen_view', { screen: current });
                }

                routeNameRef.current = current;
            }}
        >
            {/* навигаторы */}
        </NavigationContainer>
    );
}

const transaction = Sentry.startTransaction({ name: 'Load Posts' });

const res = await fetch('/posts');

transaction.finish();

npm install posthog-react-native

const showNewUI = posthog.getFeatureFlag('new-ui');

if (showNewUI) {
    return <NewUI />;
}
return <OldUI />;

const variant = posthog.getFeatureFlag('checkout-button');

if (variant === 'test') {
    return <Button>Купить сейчас</Button>;
}
return <Button>Купить</Button>;