Todo App Demo

TodoCreatedFinished
Cheese
Bacon

Add new item

New todo item
AddNewItem state
{
  "newItemLabel": "",
  "disabled": false
}
TodoList state
{
  "allItems": [
    {
      "id": "todo01",
      "label": "Cheese",
      "createDate": "2017-05-06T20:04:44.857Z",
      "finishedDate": null
    },
    {
      "id": "todo02",
      "label": "Bacon",
      "createDate": "2017-05-06T20:06:24.857Z",
      "finishedDate": null
    }
  ],
  "largeWidth": true
}
TodoList props
{
  "initialTodoItems": [
    {
      "id": "todo01",
      "label": "Cheese",
      "createDate": "2017-05-06T20:04:44.857Z",
      "finishedDate": null
    },
    {
      "id": "todo02",
      "label": "Bacon",
      "createDate": "2017-05-06T20:06:24.857Z",
      "finishedDate": null
    }
  ]
}