facebook / create-react-app
Duplication

Places in code with 6 or more lines that are exactly the same.

Intro
  • For duplication, we look at places in code where there are 6 or more lines of code that are exactly the same.
  • Before duplication is calculated, the code is cleaned to remove empty lines, comments, and frequently duplicated constructs such as imports.
  • You should aim at having as little as possible (<5%) of duplicated code as high-level of duplication can lead to maintenance difficulties, poor factoring, and logical contradictions.
Learn more...
Duplication Overall
  • 15% duplication:
    • 2,416 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
    • 365 duplicated lines
  • 21 duplicates
system15% (365 lines)
Duplication per Extension
js9% (192 lines)
css48% (90 lines)
html79% (34 lines)
tsx96% (24 lines)
mjs72% (16 lines)
ts81% (9 lines)
Duplication per Component (primary)
packages/babel-preset-react-app41% (98 lines)
packages/cra-template96% (95 lines)
packages/cra-template-typescript96% (95 lines)
tasks17% (26 lines)
packages/create-react-app2% (23 lines)
packages/react-error-overlay72% (16 lines)
packages/eslint-config-react-app4% (12 lines)
ROOT0% (0 lines)
packages/react-dev-utils0% (0 lines)
packages/react-scripts0% (0 lines)
packages/babel-plugin-named-asset-import0% (0 lines)
packages/confusing-browser-globals0% (0 lines)
docusaurus/website0% (0 lines)

Duplication Between Components (50+ lines)

G packages/cra-template-typescript packages/cra-template-typescript packages/cra-template packages/cra-template packages/cra-template-typescript--packages/cra-template 190

Download: SVG DOT (open online Graphviz editor)

Open 3D force graph...

Show more details on duplication between components...
Longest Duplicates
The list of 21 longest duplicates.
See data for all 21 duplicates...
Size#FoldersFilesLinesCode
33 x 2 packages/cra-template-typescript/template/src
packages/cra-template/template/src
1:38 (100%)
1:38 (100%)
view
19 x 2 packages/babel-preset-react-app
packages/babel-preset-react-app
44:67 (14%)
40:63 (27%)
view
17 x 2 packages/cra-template-typescript/template/public
packages/cra-template/template/public
1:31 (100%)
1:31 (100%)
view
12 x 2 packages/cra-template-typescript/template/src
packages/cra-template/template/src
1:13 (100%)
1:13 (100%)
view
11 x 2 packages/cra-template-typescript/template/src
packages/cra-template/template/src
12:22 (61%)
11:21 (61%)
view
10 x 2 tasks
tasks
1:12 (10%)
1:13 (45%)
view
9 x 2 packages/cra-template-typescript/template/src
packages/cra-template/template/src
4:15 (90%)
2:13 (90%)
view
9 x 2 packages/babel-preset-react-app
packages/babel-preset-react-app
76:89 (6%)
79:93 (13%)
view
9 x 2 packages/babel-preset-react-app
packages/babel-preset-react-app
7:21 (6%)
7:21 (13%)
view
8 x 2 packages/react-error-overlay/fixtures
packages/react-error-overlay/fixtures
1:10 (88%)
1:10 (88%)
view
8 x 2 packages/create-react-app
packages/create-react-app
322:329 (<1%)
397:404 (<1%)
view
7 x 2 packages/create-react-app
tasks
1:8 (20%)
1:7 (7%)
view
7 x 2 packages/cra-template-typescript/template/src
packages/cra-template/template/src
7:17 (100%)
7:17 (100%)
view
7 x 2 packages/create-react-app
tasks
1:8 (20%)
1:8 (31%)
view
6 x 2 tasks
tasks
1:7 (85%)
1:7 (27%)
view
6 x 2 packages/babel-preset-react-app
packages/babel-preset-react-app
68:75 (4%)
69:76 (8%)
view
6 x 2 tasks
tasks
1:6 (6%)
1:7 (85%)
view
6 x 2 packages/cra-template-typescript/template/src
packages/cra-template/template/src
5:10 (33%)
4:9 (33%)
view
6 x 2 packages/babel-preset-react-app
packages/babel-preset-react-app
177:186 (4%)
121:130 (8%)
view
6 x 2 packages/eslint-config-react-app
packages/eslint-config-react-app
74:80 (2%)
168:174 (2%)
view
6 x 2 packages/create-react-app
tasks
1:7 (17%)
1:7 (85%)
view