How Preact is structuredAn interactive map of the Preact codebase. The small React alternative, the whole repo in 276 files: the core, its React compatibility layer, hooks and debug tools. src/constants.js is what everything leans on.

Files visualized: 276

Languages: JavaScript, TypeScript

Topics: ui library, javascript

Source repository: https://github.com/preactjs/preact

Structure276 files and 275 connections between their symbols.Most depended on

test/_util/helpers.jsx, imported by 90 files

src/index.js, imported by 15 files

compat/src/index.js, imported by 10 files

src/constants.js, imported by 10 files

test/_util/logCall.js, imported by 8 files

Files

test/_util/helpers.jsx: 18 functions; imports test/_util/logCall.js

src/index.js: no top-level classes or functions; imports src/component.js, src/create-context.js, src/create-element.js, src/create-portal.js, src/diff/children.js, src/options.js, src/render.js

compat/src/index.js: 9 functions; imports compat/src/Children.js, compat/src/PureComponent.js, compat/src/forwardRef.js, compat/src/hooks.js, compat/src/memo.js, compat/src/portals.js, compat/src/render.js, compat/src/suspense.js

src/constants.js: no top-level classes or functions

test/_util/logCall.js: 5 functions

test/_util/dom.js: 11 functions

src/component.js: 8 functions; imports src/constants.js, src/create-element.js, src/diff/index.js, src/options.js, src/util.js

src/create-element.js: 6 functions; imports src/constants.js, src/options.js, src/util.js

src/options.js: no top-level classes or functions; imports src/diff/catch-error.js

compat/src/util.js: 1 function

src/util.js: 1 function; imports src/constants.js

compat/src/suspense.js: 5 functions; imports compat/src/util.js, src/constants.js

compat/test/browser/suspense-utils.js: 3 functions

debug/test/browser/fakeDevTools.js: no top-level classes or functions

demo/suspense-router/simple-router.jsx: 4 functions

src/diff/index.js: 8 functions; imports src/component.js, src/constants.js, src/create-element.js, src/diff/children.js, src/diff/props.js, src/options.js, src/util.js

src/internal.d.ts: no top-level classes or functions; imports src/index.js

src/jsx.d.ts: no top-level classes or functions; imports src/index.js

test/_util/optionSpies.js: no top-level classes or functions

compat/test/browser/testUtils.js: 1 function

debug/src/check-props.js: 2 functions

debug/src/component-stack.js: 6 functions

debug/src/debug.js: 6 functions; imports debug/src/check-props.js, debug/src/component-stack.js, debug/src/constants.js, debug/src/util.js

demo/people/router.tsx: 5 functions

demo/people/store.ts: 1 function

hooks/test/_util/useEffectUtil.js: 1 function

hooks/test/browser/useEffectAssertions.jsx: 1 function; imports test/_util/helpers.jsx

jsx-runtime/src/utils.js: 1 function

src/diff/children.js: 5 functions; imports src/component.js, src/constants.js, src/create-element.js, src/diff/index.js, src/util.js

test/shared/isValidElementTests.jsx: 1 function

compat/scheduler.js: 1 function

compat/server.js: no top-level classes or functions

compat/src/Children.js: 1 function

compat/src/forwardRef.js: 1 function; imports compat/src/util.js

compat/src/hooks.js: 4 functions

compat/src/memo.js: 1 function; imports compat/src/util.js

compat/src/portals.js: 1 function

compat/src/PureComponent.js: 1 function; imports compat/src/util.js

compat/src/render.js: 6 functions; imports compat/src/index.js, compat/src/util.js

compat/test/ts/utils.ts: 1 function

236 further files are in the graph but not listed here.Files that import each other

compat/src/index.js and compat/src/render.js

src/component.js and src/diff/index.js

src/diff/children.js and src/diff/index.js

NeedyNodes is a free, browser-based tool that turns a codebase into an interactive dependency map: folders become regions, files are laid out in the direction their imports run, and circular dependencies or dead exports are flagged automatically. Point at a file to see what it uses and what uses it, or double click it to see every file a change to it can reach. It parses JavaScript, TypeScript, Python, Go, Rust, Vue and Svelte, up to 1000 files per map. Nothing is uploaded: parsing runs entirely in the browser.Browse all visualized codebases · Visualize your own codebase