Architecting Angular Applications with Redux, RxJS, and NgRx

Creating a controller class – create-view.js

Now imagine that we are inside the code of the view that handles creating items; it may look something like this:

// dataflow/create-view.jsimport { createItem } from "./actions";import { dispatch, select } from "./redux";console.log("create item view has loaded");class CreateItemView {  saveItem() {    const elem = document.getElementById("input");    dispatch(createItem(elem.value));    const items = select("items");    console.log(items);  }}const button = document.getElementById("saveButton");const createItemWiew = new CreateItemView();button.addEventListener("click", createItemWiew.saveItem);export default createItemWiew;

OK, so, in our create-view.js file we create a CreateItemView class that has a method  ...