{
  "code": null,
  "collection": "architecture",
  "href": "https://banes-lab.com/ontology#architecture-component-based-architecture",
  "id": "component-based-architecture",
  "kind": "style",
  "layer": {
    "href": "https://banes-lab.com/ontology/schema#layer-structural-core",
    "json": "https://banes-lab.com/json/records/layer/structural-core",
    "label": "Structural Core",
    "markdown": "https://banes-lab.com/records/layer/structural-core.md",
    "ref": "layer:structural-core"
  },
  "name": "Component-Based Architecture",
  "ref": "architecture:component-based-architecture",
  "relations": [
    {
      "links": [
        {
          "href": "https://banes-lab.com/ontology/lexicon#lexicon-component-boundaries",
          "json": "https://banes-lab.com/json/records/lexicon/component-boundaries",
          "label": "Component Boundaries",
          "markdown": "https://banes-lab.com/records/lexicon/component-boundaries.md",
          "ref": "lexicon:component-boundaries"
        },
        {
          "href": "https://banes-lab.com/ontology/lexicon#lexicon-contracts",
          "json": "https://banes-lab.com/json/records/lexicon/contracts",
          "label": "Contracts",
          "markdown": "https://banes-lab.com/records/lexicon/contracts.md",
          "ref": "lexicon:contracts"
        }
      ],
      "relation": "requires"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/ontology#architecture-modularity",
          "json": "https://banes-lab.com/json/records/architecture/modularity",
          "label": "Modularity",
          "markdown": "https://banes-lab.com/records/architecture/modularity.md",
          "ref": "architecture:modularity"
        },
        {
          "href": "https://banes-lab.com/ontology#architecture-composability",
          "json": "https://banes-lab.com/json/records/architecture/composability",
          "label": "Composability",
          "markdown": "https://banes-lab.com/records/architecture/composability.md",
          "ref": "architecture:composability"
        }
      ],
      "relation": "reinforces"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/ontology/lexicon#lexicon-reuse",
          "json": "https://banes-lab.com/json/records/lexicon/reuse",
          "label": "Reuse",
          "markdown": "https://banes-lab.com/records/lexicon/reuse.md",
          "ref": "lexicon:reuse"
        },
        {
          "href": "https://banes-lab.com/ontology#architecture-replaceability",
          "json": "https://banes-lab.com/json/records/architecture/replaceability",
          "label": "Replaceability",
          "markdown": "https://banes-lab.com/records/architecture/replaceability.md",
          "ref": "architecture:replaceability"
        }
      ],
      "relation": "enables"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/ontology#architecture-big-ball-of-mud",
          "json": "https://banes-lab.com/json/records/architecture/big-ball-of-mud",
          "label": "Big Ball of Mud",
          "markdown": "https://banes-lab.com/records/architecture/big-ball-of-mud.md",
          "ref": "architecture:big-ball-of-mud"
        }
      ],
      "relation": "conflicts-with"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/ontology/lexicon#lexicon-integration-overhead",
          "json": "https://banes-lab.com/json/records/lexicon/integration-overhead",
          "label": "Integration Overhead",
          "markdown": "https://banes-lab.com/records/lexicon/integration-overhead.md",
          "ref": "lexicon:integration-overhead"
        }
      ],
      "relation": "tensions-with"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/ontology/schema#tension-component-based-architecture-integration-overhead",
          "json": "https://banes-lab.com/json/records/tension/component-based-architecture-integration-overhead",
          "label": "Component-Based Architecture / Integration Overhead",
          "markdown": "https://banes-lab.com/records/tension/component-based-architecture-integration-overhead.md",
          "ref": "tension:component-based-architecture-integration-overhead"
        }
      ],
      "relation": "tensions"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/ontology/lexicon#lexicon-exposed-internals",
          "json": "https://banes-lab.com/json/records/lexicon/exposed-internals",
          "label": "Exposed Internals",
          "markdown": "https://banes-lab.com/records/lexicon/exposed-internals.md",
          "ref": "lexicon:exposed-internals"
        }
      ],
      "relation": "violated-by"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/ontology/lexicon#lexicon-extract-module",
          "json": "https://banes-lab.com/json/records/lexicon/extract-module",
          "label": "Extract Module",
          "markdown": "https://banes-lab.com/records/lexicon/extract-module.md",
          "ref": "lexicon:extract-module"
        },
        {
          "href": "https://banes-lab.com/ontology/lexicon#lexicon-define-contract",
          "json": "https://banes-lab.com/json/records/lexicon/define-contract",
          "label": "Define Contract",
          "markdown": "https://banes-lab.com/records/lexicon/define-contract.md",
          "ref": "lexicon:define-contract"
        }
      ],
      "relation": "refactored-by"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/ontology/schema#vocabulary-severity-recommended",
          "json": "https://banes-lab.com/json/records/vocabulary/severity-recommended",
          "label": "recommended",
          "markdown": "https://banes-lab.com/records/vocabulary/severity-recommended.md",
          "ref": "vocabulary:severity-recommended"
        }
      ],
      "relation": "severity"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/ontology#architecture-category-codebase-system-architecture-styles",
          "json": "https://banes-lab.com/json/records/architecture-category/codebase-system-architecture-styles",
          "label": "Codebase / System Architecture Styles",
          "markdown": "https://banes-lab.com/records/architecture-category/codebase-system-architecture-styles.md",
          "ref": "architecture-category:codebase-system-architecture-styles"
        }
      ],
      "relation": "category"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/anatomy/governance#file-governance-rules-eslint-require-component-eslint-rule-ts",
          "json": "https://banes-lab.com/json/source/governance/rules/eslint/require-component.eslint.rule.ts",
          "label": "rules/eslint/require-component.eslint.rule.ts",
          "markdown": "https://banes-lab.com/source/governance/rules/eslint/require-component.eslint.rule.ts.md",
          "ref": "anatomy:file-governance-rules-eslint-require-component-eslint-rule-ts"
        }
      ],
      "relation": "enforced-by"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/ontology#architecture-category-anti-patterns",
          "json": "https://banes-lab.com/json/ontology/principles/architecture-category-anti-patterns",
          "label": "Anti-patterns",
          "markdown": "https://banes-lab.com/ontology/principles/architecture-category-anti-patterns.md",
          "ref": "chapter:/ontology#architecture-category-anti-patterns"
        },
        {
          "href": "https://banes-lab.com/ontology#architecture-category-core-modular-design",
          "json": "https://banes-lab.com/json/ontology/principles/architecture-category-core-modular-design",
          "label": "Core Modular Design",
          "markdown": "https://banes-lab.com/ontology/principles/architecture-category-core-modular-design.md",
          "ref": "chapter:/ontology#architecture-category-core-modular-design"
        },
        {
          "href": "https://banes-lab.com/ontology/lexicon#lexicon-category-codebase-system-architecture-styles",
          "json": "https://banes-lab.com/json/ontology/lexicon/lexicon-category-codebase-system-architecture-styles",
          "label": "Codebase / System Architecture Styles",
          "markdown": "https://banes-lab.com/ontology/lexicon/lexicon-category-codebase-system-architecture-styles.md",
          "ref": "chapter:/ontology/lexicon#lexicon-category-codebase-system-architecture-styles"
        },
        {
          "href": "https://banes-lab.com/ontology/lexicon#lexicon-category-contracts-interfaces-compatibility",
          "json": "https://banes-lab.com/json/ontology/lexicon/lexicon-category-contracts-interfaces-compatibility",
          "label": "Contracts / Interfaces / Compatibility",
          "markdown": "https://banes-lab.com/ontology/lexicon/lexicon-category-contracts-interfaces-compatibility.md",
          "ref": "chapter:/ontology/lexicon#lexicon-category-contracts-interfaces-compatibility"
        },
        {
          "href": "https://banes-lab.com/ontology/lexicon#lexicon-category-core-modular-design",
          "json": "https://banes-lab.com/json/ontology/lexicon/lexicon-category-core-modular-design",
          "label": "Core Modular Design",
          "markdown": "https://banes-lab.com/ontology/lexicon/lexicon-category-core-modular-design.md",
          "ref": "chapter:/ontology/lexicon#lexicon-category-core-modular-design"
        },
        {
          "href": "https://banes-lab.com/ontology/lexicon#lexicon-category-core-vocabulary",
          "json": "https://banes-lab.com/json/ontology/lexicon/lexicon-category-core-vocabulary",
          "label": "Core Vocabulary",
          "markdown": "https://banes-lab.com/ontology/lexicon/lexicon-category-core-vocabulary.md",
          "ref": "chapter:/ontology/lexicon#lexicon-category-core-vocabulary"
        },
        {
          "href": "https://banes-lab.com/ontology/schema#the-vocabulary-severity",
          "json": "https://banes-lab.com/json/ontology/schema/the-vocabulary-severity",
          "label": "Severity levels",
          "markdown": "https://banes-lab.com/ontology/schema/the-vocabulary-severity.md",
          "ref": "chapter:/ontology/schema#the-vocabulary-severity"
        },
        {
          "href": "https://banes-lab.com/ontology/schema#the-resolutions",
          "json": "https://banes-lab.com/json/ontology/schema/the-resolutions",
          "label": "The resolutions",
          "markdown": "https://banes-lab.com/ontology/schema/the-resolutions.md",
          "ref": "chapter:/ontology/schema#the-resolutions"
        }
      ],
      "relation": "linked-from"
    }
  ],
  "summary": "A convention of building a system from components that declare what they export and what they require.",
  "siblings": {
    "next": {
      "href": "https://banes-lab.com/ontology#architecture-package-by-feature",
      "json": "https://banes-lab.com/json/records/architecture/package-by-feature",
      "label": "Package by Feature",
      "markdown": "https://banes-lab.com/records/architecture/package-by-feature.md",
      "ref": "architecture:package-by-feature"
    },
    "previous": {
      "href": "https://banes-lab.com/ontology#architecture-layered-architecture",
      "json": "https://banes-lab.com/json/records/architecture/layered-architecture",
      "label": "Layered Architecture",
      "markdown": "https://banes-lab.com/records/architecture/layered-architecture.md",
      "ref": "architecture:layered-architecture"
    }
  },
  "up": {
    "href": null,
    "json": "https://banes-lab.com/json/api/records/architecture",
    "label": "Architecture principles",
    "markdown": "https://banes-lab.com/api/records/architecture.md",
    "ref": "api:records/architecture"
  },
  "aliases": [],
  "exemplar": {
    "after": "const fooComponent = defineComponent({\n  name: \"foo\",\n  exports: { createFoo, FooView },\n  requires: { FooStore, EventBus },\n});",
    "before": "const app = {\n  createFoo,\n  createBar,\n  renderFoo,\n  saveBar,\n  publishBaz,\n};",
    "lang": "ts",
    "medium": "code"
  },
  "formedBy": null,
  "scope": [
    "component",
    "system"
  ],
  "severity": "recommended"
}