How Redux is structuredAn interactive map of the Redux codebase. The state container, the whole repo in 182 files, most of them examples and the website. The library itself is 17 files in src/, starting at src/index.ts.

Files visualized: 182

Languages: TypeScript, JavaScript

Topics: state management, javascript

Source repository: https://github.com/reduxjs/redux

Structure182 files and 156 connections between their symbols.Most depended on

src/types/actions.ts, imported by 7 files

examples/todos/src/actions/index.js, imported by 6 files

examples/shopping-cart/src/components/Product.js, imported by 5 files

src/types/store.ts, imported by 5 files

examples/counter-ts/src/app/store.ts, imported by 4 files

Files

src/types/actions.ts: no top-level classes or functions

examples/todos/src/actions/index.js: 3 functions

examples/shopping-cart/src/components/Product.js: 1 function

src/types/store.ts: no top-level classes or functions; imports src/types/actions.ts, src/types/reducers.ts, src/utils/symbol-observable.ts

examples/counter-ts/src/app/store.ts: no top-level classes or functions; imports examples/counter-ts/src/features/counter/counterSlice.ts

src/types/reducers.ts: no top-level classes or functions; imports src/types/actions.ts

src/utils/isPlainObject.ts: 1 function

test/helpers/actionCreators.ts: 9 functions; imports test/helpers/actionTypes.ts, test/helpers/reducers.ts

test/helpers/reducers.ts: 8 functions; imports test/helpers/actionTypes.ts

examples/counter-ts/src/features/counter/counterSlice.ts: 2 functions; imports examples/counter-ts/src/app/store.ts, examples/counter-ts/src/features/counter/counterAPI.ts

examples/counter/src/features/counter/counterSlice.js: 2 functions; imports examples/counter/src/features/counter/counterAPI.js

examples/shopping-cart/src/actions/index.js: 5 functions; imports examples/shopping-cart/src/api/shop.js, examples/shopping-cart/src/constants/ActionTypes.js

examples/shopping-cart/src/constants/ActionTypes.js: no top-level classes or functions

examples/shopping-cart/src/reducers/index.js: 5 functions; imports examples/shopping-cart/src/reducers/cart.js, examples/shopping-cart/src/reducers/products.js

examples/shopping-cart/src/reducers/products.js: 5 functions; imports examples/shopping-cart/src/constants/ActionTypes.js

examples/tree-view/src/actions/index.js: 5 functions

src/utils/actionTypes.ts: 1 function

src/utils/kindOf.ts: 5 functions

src/utils/symbol-observable.ts: no top-level classes or functions

website/plugins/remark-typescript-tools/transpileCodeblocks/plugin.ts: 4 functions; imports website/plugins/remark-typescript-tools/transpileCodeblocks/compiler.ts, website/plugins/remark-typescript-tools/transpileCodeblocks/postProcessing.ts

website/src/components/useCurrentLibrary.ts: 3 functions

examples/counter-ts/src/App.tsx: 1 function; imports examples/counter-ts/src/App.css, examples/counter-ts/src/features/counter/Counter.tsx

examples/counter/src/App.js: 1 function; imports examples/counter/src/App.css, examples/counter/src/features/counter/Counter.js

examples/counter/src/app/store.js: no top-level classes or functions; imports examples/counter/src/features/counter/counterSlice.js

examples/shopping-cart/src/components/Cart.js: 1 function; imports examples/shopping-cart/src/components/Product.js

examples/shopping-cart/src/components/ProductItem.js: 1 function; imports examples/shopping-cart/src/components/Product.js

examples/shopping-cart/src/components/ProductsList.js: 1 function

examples/shopping-cart/src/reducers/cart.js: 5 functions; imports examples/shopping-cart/src/constants/ActionTypes.js

examples/todos/src/reducers/todos.js: 1 function

examples/tree-view/src/containers/Node.js: 1 class, 1 function; imports examples/tree-view/src/actions/index.js

examples/tree-view/src/reducers/index.js: 4 functions; imports examples/tree-view/src/actions/index.js

src/compose.ts: 1 function

src/index.ts: no top-level classes or functions; imports src/applyMiddleware.ts, src/bindActionCreators.ts, src/combineReducers.ts, src/compose.ts, src/createStore.ts, src/types/actions.ts, src/types/middleware.ts, src/types/reducers.ts and 4 more

src/types/middleware.ts: no top-level classes or functions; imports src/types/store.ts

test/helpers/actionTypes.ts: no top-level classes or functions

website/plugins/remark-typescript-tools/linkDocblocks/utils.ts: 2 functions

website/plugins/remark-typescript-tools/transpileCodeblocks/postProcessing.ts: 5 functions; imports website/plugins/remark-typescript-tools/transpileCodeblocks/plugin.ts

website/src/pages/styles.module.css: no top-level classes or functions

examples/counter-ts/src/App.css: no top-level classes or functions

examples/counter-ts/src/app/hooks.ts: no top-level classes or functions; imports examples/counter-ts/src/app/store.ts

142 further files are in the graph but not listed here.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