Реагировать на собственную производительность для большого количества просмотра на экране

Question

Я работаю над проектом React-Native. По какой-то причине я должен создать большое количество View элементов на экране.наконец, я получил то, что хочу, но сомневался, что у него хорошие показатели.Предположим, мой код выглядит следующим образом:

import React, { createElement } from 'react';
import { View, StyleSheet, Dimensions } from 'react-native';

const HEIGHT = Dimensions.get('window').height;

const redOrBlack = num => num%2 ? '#f00' : '#000';

const rows = () => {
  const rows = [];

  for (let i = 1; i <= HEIGHT; i += 1) {
    const row = createElement(
      View,
      {
        key: `row_${i}`,
        style: [styles.row, { backgroundColor: redOrBlack(i) }
      },
      null
    );
    rows.push(row);
  }
  return rows;
};

export default () => (
  <View style={styles.wrapper}>
    {rows()}
  </View>
);

const styles = StyleSheet.create({
  wrapper: {
    flex: 1,
    position: 'relative'
  },
  row: {
    width: '100%',
    height: 1
  }
});

Приведенный выше код является небольшим масштабом моего проекта.Большое количество элементов View будет встроено в экран.как я могу понять его производительность?расскажите, пожалуйста, о производительности моего кода.