Nimbus To Do App Tutorial - Part 1

todo-list.json

{
  "_:component":"layout:lifecycle",
  "state":{
    "isLoading":true,
    "notes":[
      
    ]
  },
  "children":[
    {
      "_:component":"if",
      "children":[
        {
          "_:component":"then",
          "children":[
            {
              "_:component":"layout:text",
              "properties":{
                "text":"Loading"
              }
            }
          ]
        },
        {
          "_:component":"else",
          "children":[
            {
              "_:component":"layout:column",
              "children":[
                {
                  "_:component":"forEach",
                  "children":[
                    {
                      "_:component":"layout:column",
                      "children":[
                        {
                          "_:component":"layout:text",
                          "properties":{
                            "weight":"bold",
                            "text":"@{item.date}"
                          }
                        },
                        {
                          "_:component":"forEach",
                          "children":[
                            {
                              "_:component":"layout:text",
                              "properties":{
                                "text":"@{item.title}"
                              }
                            }
                          ],
                          "properties":{
                            "key":"id",
                            "items":"@{item.items}"
                          }
                        }
                      ],
                      "properties":{
                        "marginTop":5
                      }
                    }
                  ],
                  "properties":{
                    "key":"date",
                    "items":"@{notes}"
                  }
                }
              ]
            }
          ]
        }
      ],
      "properties":{
        "condition":"@{isLoading}"
      }
    }
  ],
  "properties":{
    "onInit":[
      {
        "_:action":"sendRequest",
        "properties":{
          "onError":[
            {
              "_:action":"log",
              "properties":{
                "level":"error",
                "message":"@{onError.message}"
              }
            }
          ],
          "onSuccess":[
            {
              "_:action":"setState",
              "properties":{
                "path":"notes",
                "value":"@{onSuccess.data}"
              }
            }
          ],
          "url":"https://gist.githubusercontent.com/Tiagoperes/3888902b98494708202fa05569444451/raw/dbc705192e2f87233da2f1eec35936aef8125545/todo.json",
          "onFinish":[
            {
              "_:action":"setState",
              "properties":{
                "path":"isLoading",
                "value":false
              }
            }
          ]
        }
      }
    ]
  }
}