airbnb/react-sketchapp · Architecture

Most-depended-on modules

These are the highest-fan-in files — change them and the blast radius is largest. Read them first.

• src/types/index.ts44 importers · radius 49
• src/jsonUtils/models.ts18 importers · radius 33
• src/components/Svg/props.ts17 importers · radius 34
• src/stylesheet/index.ts8 importers · radius 28
• src/symbol.tsx7 importers · radius 12
• src/renderers/SketchRenderer.ts7 importers · radius 18
• src/components/View.tsx6 importers · radius 24
• src/components/ViewStylePropTypes.ts6 importers · radius 61

Modules (24)

Source directories grouped from the import graph. Each links to a per-module page with its files and how it couples to the rest.

• src/components/Svg23 files · 60 in-degree
• src/jsonUtils11 files · 47 in-degree · in cycle
• src/utils16 files · 37 in-degree
• src/components15 files · 34 in-degree
• src11 files · 24 in-degree · in cycle
• src/renderers9 files · 16 in-degree · in cycle
• src/stylesheet3 files · 12 in-degree
• examples/styleguide/src/components7 files · 10 in-degree
• src/jsonUtils/makeSvgLayer/graphics5 files · 7 in-degree
• examples/form-validation/src4 files · 7 in-degree
• examples/react-router-prototyping/src/components2 files · 7 in-degree
• src/jsonUtils/sketchJson2 files · 6 in-degree
• examples/profile-cards-primitives/src4 files · 5 in-degree
• examples/form-validation/src/components4 files · 5 in-degree
• src/platformBridges/sketch4 files · 5 in-degree
• examples/foursquare-maps/src4 files · 4 in-degree
• src/utils/processTransform4 files · 4 in-degree
• examples/react-router-prototyping/src/routes4 files · 4 in-degree
• examples/profile-cards-primitives/src/components2 files · 4 in-degree
• examples/form-validation/src/components/TextBox3 files · 3 in-degree
• examples/profile-cards-react-with-styles/src3 files · 3 in-degree
• examples/styleguide/src3 files · 2 in-degree
• examples/profile-cards-graphql/src2 files · 2 in-degree
• examples/profile-cards/src2 files · 2 in-degree

Circular dependencies (7)

• src/buildTree.ts to src/jsonUtils/computeYogaTree.ts to src/jsonUtils/computeYogaNode.ts to src/symbol.tsx to src/buildTree.ts
• src/jsonUtils/style.ts to src/jsonUtils/borders.ts to src/jsonUtils/shapeLayers.ts to src/jsonUtils/style.ts
• src/jsonUtils/style.ts to src/jsonUtils/borders.ts to src/jsonUtils/style.ts
• src/symbol.tsx to src/flexToSketchJSON.ts to src/renderers/index.ts to src/renderers/SymbolInstanceRenderer.ts to src/symbol.tsx
• src/symbol.tsx to src/flexToSketchJSON.ts to src/renderers/index.ts to src/renderers/SymbolMasterRenderer.ts to src/symbol.tsx
• src/buildTree.ts to src/jsonUtils/computeYogaTree.ts to src/jsonUtils/computeYogaNode.ts to src/symbol.tsx to src/render.tsx to src/buildTree.ts