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 ...