Creating the missing files and running our program

Our application needs a UI so let's create that:

// dataflow/dist/index.html<html>  <body>    <div>      <input type="text" id="input">      <button id="saveButton">Save</button>    </div>    <div>      <ul id="list"></ul>    </div>    <button id="saveButton">Save</button>    <script src="bundle.js"></script>  </body></html>

So, here we have an input element and a button that we can press to save a new item. This is followed by a list, where our content will be rendered.

Let's create the todo-app.js next. It should look like the following:

// dataflow/todo-app.js// import create viewimport createView from "./create-view";// import list viewimport listView from "./list-view";

Here, we are requiring in the two controllers so ...

Get Architecting Angular Applications with Redux, RxJS, and NgRx now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.