The ID, I need to specify a sequential ID.

It's going to keep adding to this with the products test. I'm dispatching the out ToDo action, and I'm going to put a test as my checks for the action. I don't want to add an input field yet to keep the example simple at first. Inside the div, I'm going to place a bottom saying them. This component is only going to have a render function and is going to return a div. I'm declaring my own ToDo app component that extends the react-based component. I'm grabbing from the react object called 'reactComponent'. React provides a base class for all components. It renders it into the div I created inside the HTML. The implementation of the render method is going to use react, so it's called react-dom render for some to-do app component I haven't written yet. I'm going to subscribe to these chore changes and call render whenever there's store changes and wants to render the initial state. Similar to the react counter-example from the eighth lesson, I declare a render function that is going to update dom in response to the current application state.

I'm also adding a div with the ID root, which is where I'm going to render my react application. I'm adding react and redact dom packages from the Facebook CDM. Now it's trying to implement the View layer. We have a ready ToDo app register that handles all the actions of our simple ToDo application. In the previous lessons, we learned how to split the root registers into many smaller registers that manage parts of the stream tree.

Todolist react reduc codepen