npm install @react-native-windows/perf-testing --save-dev
# or
yarn add @react-native-windows/perf-testing --dev

import { ComponentPerfTestBase, IScenario } from '@react-native-windows/perf-testing';
import { View } from 'react-native';

class ViewPerfTest extends ComponentPerfTestBase {
  readonly componentName = 'View';
  readonly category = 'core' as const;
  readonly testId = 'perf-test-view';

  createComponent(props?: Record<string, unknown>) {
    return <View testID={this.testId} {...props} />;
  }

  getCustomScenarios(): IScenario[] {
    return [
      {
        name: 'nested-views',
        description: 'Test nested views performance',
        run: () => this.measureNestedViews(50),
      },
    ];
  }
}

const viewPerfTest = new ViewPerfTest();

describe('View Performance', () => {
  test('mount time', async () => {
    const perf = await viewPerfTest.measureMount();
    expect(perf).toMatchPerfSnapshot();
  });

  test('rerender time', async () => {
    const perf = await viewPerfTest.measureRerender();
    expect(perf).toMatchPerfSnapshot();
  });
});

# Run perf tests
yarn perf

# Update baselines
yarn perf:update

import { ThresholdPresets } from '@react-native-windows/perf-testing';

// Available presets
ThresholdPresets.core       // 10% regression threshold
ThresholdPresets.list       // 15% for list components
ThresholdPresets.interactive // 20% for animated components
ThresholdPresets.community  // 25% relaxed threshold for external use

import { ComponentPerfTestBase } from '@react-native-windows/perf-testing';
import { MyCustomSlider } from 'my-custom-component';

class MyCustomSliderPerfTest extends ComponentPerfTestBase {
  readonly componentName = 'MyCustomSlider';
  readonly category = 'custom' as const;
  readonly testId = 'perf-test-slider';

  createComponent(props?: Record<string, unknown>) {
    return <MyCustomSlider testID={this.testId} {...props} />;
  }
}

import '@react-native-windows/perf-testing/matchers';

expect(perf).toMatchPerfSnapshot({
  maxDurationIncrease: 15,  // Allow 15% regression
  maxRenderCount: 5,
});