Dependency
↔ extra external code that a project/Source Code depends on to work
aka Dependencies, Deps
References
/node_modules
↔ dir with all Deps & their sub-Deps & their sub-sub-Deps & ...to maintain legacy codebase
↔ for compat with older Deps, legacy code & outdated coding syntaxDependency Hell
↔ of project with clusterfuck Deps or ver compat issue 🍜👨💻 PAIN to run/migrate, stuck with outdated codepackage.json
↔ Manifest to def project Metadata, Deps &scripts
Standalone
↔redux
lib has no DepsDeps Array
↔ Deps[] to pass as last arg to Trigger HookPackage Manager
↔ Dev tool to auto install/update/remove Package & DepsZero Deps
↔ of vanilla (JS/Programming Language/Binary) Lib to run out-of-box w/o req external DepsDocker Container Image
↔ immutable snapshot of Software & Deps-tree down to OS-layer (everything req to run App)pnpm import
↔ to import Deps from npm/yarn lock-files intopnpm-lock.yaml
to reduce bundle size
↔ keep Deps on Server Component, min Bundle for ClientMicroservice vs Monolith
↔ steep setup pays off - decouple Deps to allow lang agnostic, speed up DevOps pipeline & isolate risk. Latency?pnpm add -D nodemon
↔ to addnodemon
as dev Deps - must be capital flag!! else default to normal depedency list with pnpmreact-router
↔ core Deps import byreact-router-dom
for Browser or react-router-native for mobile - always usereact-router-dom
for desktop/web!Inversion of Control
↔ Design Pattern to invert Control Flow to Callback to increase Modularity & decouple Deps ??