/
githubmirror
/
react-native
Обзор
Документация
Войти
/
githubmirror
/
react-native
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/rn-tester/js/examples/Performance/performanceComparisonExamples/RenderOffscreenContentExample.js
36 строк
1001 B
Tim Yung
RN: Delete `@oncall` Annotations (#51416)
18 май 2025, 02:18
18 май 2025, 02:18
84de8a0
Код
Авторство
О чём код?
/** * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * * @flow strict-local * @format */ 'use strict'; import {LIST_100_ITEMS} from '../components/itemData'; import ItemList from '../components/ItemList'; import * as React from 'react'; import {memo} from 'react'; const ItemListMemo = memo(ItemList); function RenderOffscreenContentBadExample(): React.Node { return <ItemListMemo data={LIST_100_ITEMS} />; } function RenderOffscreenContentGoodExample(): React.Node { return ( <ItemListMemo useFlatList data={LIST_100_ITEMS} initialNumToRender={2} /> ); } export default { title: 'Do not render offscreen content', description: 'Render long list with ScrollView vs FlatList + initialNumToRender prop.\nNever render offscreen content when not needed.', Bad: RenderOffscreenContentBadExample, Good: RenderOffscreenContentGoodExample, };