Наследование  — концепция объектно-ориентированного программирования, согласно которой абстрактный тип данных может наследовать данные и функциональность некоторого существующего типа, способствуя повторному использованию компонентов программного обеспечения.

class Items extends Component {
  ... 
  renderItem(item, key) {
    return (
      <div>
        {item.title}
      </div>
    )
  }
  render() {
    return (
      ...
      this.state.items.map(this.renderItem)
      ...
    )
  }
}

class SuperItems extends Items {

  renderItem(item, key) {
    return (
      <div>
        {item.title} - {item.price}$
      </div>
    )
  }
  
}

Композиция (агрегирование по значению) — более строгий вариант агрегирования (отношение «часть-целое» между двумя равноправными объектами), когда включаемый объект может существовать только как часть контейнера. Если контейнер будет уничтожен, то и включённый объект тоже будет уничтожен.

Функция высшего порядка это функция которая может принимать в качестве аргументов другие функции и/или возвращать функции.

const EnhancedComponent = higherOrderComponent(WrappedComponent);


const higherOrderComponent = WrappedComponent =>
  class extends React.Component {
    render() {
      return (
        <WrappedComponent
          {...this.props}
          name={this.state.name}
        />
      )
    }
  }

habrahabr.ru/post/309422/

yuml.me

{
  name: 'App',
  init: () => {
    console.log('App init')
  },
  modules: [{
    name: 'logger',
    init: () => {
      console.log('logger ready')
    },
  }, {
    name: 'db',
    init: () => {
      console.log('database ready')
    },
    modules: [],
  }]
}

class App2 extends App{
  getModules() {
    return {
       ...super.getModules(),
       upload: undefined,
       auth: require('./otherAuthSystem'),
    };
  }
}

await App.start();

// logger
App.constructor();

App.init();

App.modules.Auth.constructor()
App.modules.User.constructor()

App.initModules()

App.modules.Auth.init()

App.afterInit();

App.modules.Auth.afterInit()

App.run();
App.runModules()

App.modules.Auth.run()
App.modules.User.run()

App.afterRun();
App.started();

src/modules

# [folder, git, npm, github, private git]
src/modules/module1
src/modules/module2
node_modules/module3


src/modules/server.js
src/modules/client.js
src/modules/uapp.js

# App.server.js
getModules() {
  return {
    ...super.getModules(),
    ...require('~/modules/server.js').default,
  }
}

# tools/modules.js

export default {
  output: '~/modules',
  modules: {
    rating: 'lsk-rating',
    notification: 'lsk-notification',
    chat: 'lsk-chat',
    auth: 'lsk-auth',
    upload: 'lsk-upload',
    mailer: 'lsk-mailer',
    user: 'lsk-user',
    offer: '~/modules/offer',
    posts: '~/modules/posts',
  },
};

# [entry points]
module1/server.js
module1/client.js
module1/uapp.js
module1/widget.js

# NPM
module1/package.json
module1/node_modules

[entry points]
module1/server.js
module1/client.js
module1/uapp.js
module1/widget.js

module1/package.json
module1/node_modules