Store class with subscribers

medium_article_context-toast_class.jsx

export default class Store {
  listeners = []
  store = []

  add = (data) => {
    const id = uniqueId()
    const item = { id, data }
    this.store.push(item)
    this.publish()
  }
  remove = (id) => {
    this.store = this.store.filter(item => item.id !== id)
    this.publish()
  }
  
  subscribe = (fn) => {
    this.listeners.push(fn)
  }
  unsubscribe = (rm) => {
    this.listeners = this.listeners.filter(fn => fn !== rm)
  }

  publish = () => {
    this.listeners.forEach(fn => fn(this.store))
  }
}