A high-performance list component for React Native and React
This report summarizes scanner evidence for LegendApp/legend-list, a TypeScript project with 3,437 GitHub stars. SynthScan examined 114,462 lines of code across 749 source files, recording 214 pattern matches distributed across 5 syntactic categories. The legacy adjusted pattern signal is 2.0 (Low pattern signal); it is not an authorship estimate.
Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.
Use each vector to guide manual verification of the underlying findings.
Payload schema: 1.0.0 · Engine: 2.0.0 · Scoring: heuristic-density-v1 · Scan date: 2026-10-31.
Can maintainers explain intent, assumptions, and trade-offs? 205 finding(s).
Are imports declared and package/API names verified? 9 finding(s).
Are wrappers, guards, and repeated structures necessary? 186 finding(s).
Which changes need focused human review? 214 finding(s).
This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.
Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.
This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.
The scanner identified 214 distinct pattern matches across 5 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.
Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | prebuild.ts | 33 | function getLiteralModuleSpecifierText(specifier: ts.Expression | undefined): string | null { | CODE |
| LOW | prebuild.ts | 49 | function findLocalIntegrationImportsInFile(filePath: string, contents: string): string[] { | CODE |
| LOW | prebuild.ts | 92 | async function findLocalIntegrationImports(integrationFiles: string[]): Promise<string[]> { | CODE |
| LOW | prebuild.ts | 118 | function findConsoleLogOccurrences(filePath: string, contents: string): string[] { | CODE |
| LOW | prebuild.ts | 159 | function findDirectRootPackageImportsInFile(filePath: string, contents: string): string[] { | CODE |
| LOW | prebuild.ts | 203 | async function findDirectRootPackageImports(sourceFiles: string[]): Promise<string[]> { | CODE |
| LOW | prebuild.ts | 214 | function isExportedTypeDeclaration(node: ts.Node): node is ts.InterfaceDeclaration | ts.TypeAliasDeclaration { | CODE |
| LOW | prebuild.ts | 222 | function findExportAllFromTypesBase(filePath: string, contents: string): string[] { | CODE |
| LOW | prebuild.ts | 282 | function exportedDeclarationUsesBindings( | CODE |
| LOW | prebuild.ts | 318 | function checkPublicTypeEntrypoint(filePath: string, contents: string): PublicTypeEntrypointResult { | CODE |
| LOW | postbuild.ts | 54 | async function checkIntegrationBundlesForCoreRepackaging(): Promise<IntegrationBundleCheckResult> { | CODE |
| LOW | postbuild.ts | 87 | async function assertIntegrationBundleIntegrity() { | CODE |
| LOW | examples-shared/directory.ts | 86 | export function buildSectionedDirectoryRows(people: DirectoryPerson[]) { | CODE |
| LOW | examples-shared/commerce.ts | 353 | export function buildActivityItemsFromSequence(startSequence: number, count: number): ActivityItem[] { | CODE |
| LOW | examples-shared/commerce.ts | 372 | export function settlePendingActivityItems(items: ActivityItem[], count = 3): ActivityItem[] { | CODE |
| LOW | example-web/src/examples/LibraryBenchmarkExample.tsx | 45 | function getInitialComparisonState() { | CODE |
| LOW | example-web/src/examples/comparisonConfig.ts | 119 | export function getComparisonLibraryRuntimeConfig(libraryId: ComparisonLibraryId) { | CODE |
| LOW | example-web/src/examples/comparisonConfig.ts | 123 | export function getVisibleComparisonLibraryIds(selection: ComparisonLibrarySelection): ComparisonLibraryId[] { | CODE |
| LOW | example-web/src/examples/NotificationsInboxExample.tsx | 35 | export function NotificationsInboxExample() { | CODE |
| LOW | example-web/src/examples/SectionedDirectoryExample.tsx | 7 | export function SectionedDirectoryExample() { | CODE |
| LOW | …ple/screens/examples/ReanimatedSharedValuesExample.tsx | 120 | export function ReanimatedSharedValuesExample() { | CODE |
| LOW | example/screens/examples/NotificationsInboxExample.tsx | 174 | export function NotificationsInboxExample() { | CODE |
| LOW | example/screens/examples/SectionedDirectoryExample.tsx | 12 | export function SectionedDirectoryExample() { | CODE |
| LOW | …s/examples/optimization/OptimizationIdentitiesDemo.tsx | 110 | export function OptimizationIdentitiesDemo() { | CODE |
| LOW | …examples/optimization/OptimizationInvalidationDemo.tsx | 135 | export function OptimizationInvalidationDemo() { | CODE |
| LOW | …ns/examples/optimization/OptimizationRecyclingDemo.tsx | 103 | export function OptimizationRecyclingDemo() { | CODE |
| LOW | …reens/examples/debugging/DebuggingRenderWindowDemo.tsx | 105 | export function DebuggingRenderWindowDemo() { | CODE |
| LOW | __tests__/__mocks__/reanimated.ts | 53 | export function registerReanimatedModuleMock(overrides: Record<string, unknown> = {}) { | CODE |
| LOW | __tests__/core/updateScroll.test.ts | 815 | function createMomentumGeometryContext() { | CODE |
| LOW | __tests__/core/calculateItemsInView.test.ts | 80 | function measureSteadyStateDuration(run: () => void) { | CODE |
| LOW | __tests__/state/ContextContainer.test.tsx | 46 | function SignalBackedContainerProvider({ children, signals }: { children: ReactNode; signals: ContainerSignals }) { | CODE |
| LOW | __tests__/integrations/reanimated.sharedValues.test.tsx | 142 | function registerLegendListModuleMock(isNewArchitecture = IsNewArchitecture) { | CODE |
| LOW | …_/integrations/reanimated.itemLayoutAnimation.test.tsx | 77 | function registerLegendListModuleMock(isNewArchitecture = IsNewArchitecture) { | CODE |
| LOW | …_/integrations/reanimated.itemLayoutAnimation.test.tsx | 133 | function StickyPositionComponentHarness({ | CODE |
| LOW | __tests__/components/Containers.native.test.tsx | 20 | function registerMeasureContainersMock() { | CODE |
| LOW | …mponents/LegendList.initialScroll.integration.test.tsx | 182 | function registerIntegrationListComponentMock() { | CODE |
| LOW | …mponents/LegendList.initialScroll.integration.test.tsx | 192 | async function renderInitialScrollScenario(options: { | CODE |
| LOW | __tests__/components/PositionView.web.test.tsx | 32 | function ReplacementMeasurementSetup({ children }: { children: React.ReactNode }) { | CODE |
| LOW | …tests__/components/LegendList.numColumnsReset.test.tsx | 13 | function callThroughCheckResetContainers( | CODE |
| LOW | …/components/LegendList.totalSizeNotifications.test.tsx | 22 | function ListComponentWithTotalSizeListener(props: any) { | CODE |
| LOW | …/components/LegendList.totalSizeNotifications.test.tsx | 40 | function registerListComponentMock() { | CODE |
| LOW | …/components/LegendList.totalSizeNotifications.test.tsx | 46 | function installAnimatedSetValueCounter() { | CODE |
| LOW | …/components/LegendList.totalSizeNotifications.test.tsx | 61 | async function updateMountedListAndMeasureNotifications(length: number): Promise<LargeListNotificationMetrics> { | CODE |
| LOW | …/components/LegendList.totalSizeNotifications.test.tsx | 68 | const CapturedScrollComponent = React.forwardRef(function ScrollComponentWithCapturedContext( | CODE |
| LOW | __tests__/components/PositionView.native.test.tsx | 76 | function ReplacementMeasurementHarness() { | CODE |
| LOW | …/components/LegendList.bootstrapInitialScroll.test.tsx | 27 | function registerLegendListBootstrapMocks() { | CODE |
| LOW | __tests__/components/LegendList.layoutFuzz.test.tsx | 143 | const DeviceScrollView = React.forwardRef(function DeviceScrollViewComponent(props: any, ref: React.Ref<unknown>) { | CODE |
| LOW | __tests__/components/LegendList.props.test.tsx | 36 | function registerLegendListPropMocks() { | CODE |
| LOW | …/components/Containers.layoutScheduler.native.test.tsx | 25 | function registerPositionViewMeasureMock() { | CODE |
| LOW | __tests__/components/LegendList.dataVersion.test.tsx | 18 | function registerLegendListDataVersionMocks() { | CODE |
| LOW | …ests__/components/LegendList.imperativeScroll.test.tsx | 21 | function registerImperativeScrollMocks() { | CODE |
| LOW | __tests__/components/ScrollAdjust.web.test.ts | 39 | function installAnimationFrameQueue() { | CODE |
| LOW | __tests__/components/Container.clearCaches.test.tsx | 18 | function registerPositionViewMeasureMock() { | CODE |
| LOW | …ts/LegendList.bootstrapInitialScroll.oldarch.cases.tsx | 17 | function registerOldArchitectureMocks() { | CODE |
| LOW | …ts/LegendList.bootstrapInitialScroll.oldarch.cases.tsx | 149 | async function importOldArchitectureLegendList(suffix: string) { | CODE |
| LOW | __tests__/hooks/useOnLayoutSync.native.test.tsx | 36 | async function importNewArchitectureUseOnLayoutSync() { | CODE |
| LOW | __tests__/helpers/layoutInvariantHarness.ts | 13 | export function installLayoutInvariantHarness() { | CODE |
| LOW | __tests__/helpers/layoutInvariantHarness.ts | 18 | export function resetLayoutInvariantHarness() { | CODE |
| LOW | …mple-oldarch/app/bidirectional-infinite-list/index.tsx | 11 | export default function BidirectionalInfiniteList() { | CODE |
| LOW | …oldarch/app/initial-scroll-index-free-height/index.tsx | 11 | export default function IntialScrollIndexFreeHeight() { | CODE |
| 126 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW⚡ | example-oldarch/app/cards-renderItem.tsx | 41 | // Array of lorem ipsum sentences to randomly choose from | COMMENT |
| LOW⚡ | example-oldarch/app/cards-renderItem.tsx | 43 | "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", | CODE |
| LOW⚡ | example-oldarch/app/cards-renderItem.tsx | 43 | "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", | CODE |
| LOW⚡ | example-oldarch/app/cards-renderItem.tsx | 49 | "Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.", | CODE |
| LOW⚡ | example-oldarch/app/cards-renderItem.tsx | 49 | "Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.", | CODE |
| LOW⚡ | example-oldarch/app/cards-renderItem.tsx | 50 | "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", | CODE |
| LOW⚡ | example-oldarch/app/cards-renderItem.tsx | 50 | "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", | CODE |
| LOW⚡ | example-oldarch/app/cards-renderItem.tsx | 56 | "Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.", | CODE |
| LOW⚡ | example-oldarch/app/cards-renderItem.tsx | 56 | "Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.", | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | example/api/data/playlist/12-27.json | 1 | [{"adult":false,"backdrop_path":"/pr5B7Hb7711QQDirAyS5P7fKjts.jpg","genre_ids":[53,28,27,12],"id":760741,"original_langu | CODE |
| MEDIUM | example/api/data/playlist/35-10751.json | 1 | [{"adult":false,"backdrop_path":"/4fLZUr1e65hKPPVw0R3PmKFKxj1.jpg","genre_ids":[16,35,10751,14,10749],"id":976573,"origi | CODE |
| MEDIUM | example/api/data/playlist/12-35.json | 1 | [{"adult":false,"backdrop_path":"/ctMserH8g2SeOAnCw5gFjdQF8mo.jpg","genre_ids":[35,12,14],"id":346698,"original_language | CODE |
| MEDIUM | example-oldarch/api/data/playlist/12-27.json | 1 | [{"adult":false,"backdrop_path":"/pr5B7Hb7711QQDirAyS5P7fKjts.jpg","genre_ids":[53,28,27,12],"id":760741,"original_langu | CODE |
| MEDIUM | example-oldarch/api/data/playlist/35-10751.json | 1 | [{"adult":false,"backdrop_path":"/4fLZUr1e65hKPPVw0R3PmKFKxj1.jpg","genre_ids":[16,35,10751,14,10749],"id":976573,"origi | CODE |
| MEDIUM | example-oldarch/api/data/playlist/12-35.json | 1 | [{"adult":false,"backdrop_path":"/ctMserH8g2SeOAnCw5gFjdQF8mo.jpg","genre_ids":[35,12,14],"id":346698,"original_language | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | example/autoscroll.sh | 1 | #!/bin/bash | COMMENT |
| LOW | example/hooks/useColorScheme.web.ts | 1 | // NOTE: The default React Native styling doesn't support server rendering. | COMMENT |
| LOW | example-oldarch/autoscroll.sh | 1 | #!/bin/bash | COMMENT |
| LOW | example-oldarch/app/cards-renderItem.tsx | 141 | const [isExpandedValue, setIsExpanded] = extraData?.recycleState | COMMENT |
| LOW | example-oldarch/app/cards-renderItem.tsx | 161 | // }); | COMMENT |
| LOW | …mple-oldarch/app/bidirectional-infinite-list/index.tsx | 41 | // useEffect(() => { | COMMENT |
| LOW | example-oldarch/app/chat-infinite/index.tsx | 101 | COMMENT | |
| LOW | example-oldarch/app/cards-no-recycle/index.tsx | 61 | style={[StyleSheet.absoluteFill, styles.scrollContainer]} | COMMENT |
| LOW | example-oldarch/components/Movies.tsx | 81 | // if (setOpacity) { | COMMENT |
| LOW | example-oldarch/components/Movies.tsx | 101 | // console.log("rowCount", rowCount); | COMMENT |
| LOW | example-oldarch/hooks/useColorScheme.web.ts | 1 | // NOTE: The default React Native styling doesn't support server rendering. | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | example/autoscroll.sh | 85 | # Check if we've reached the duration limit (if set) | COMMENT |
| LOW | example-oldarch/autoscroll.sh | 85 | # Check if we've reached the duration limit (if set) | COMMENT |