Keyboard shortcuts

Press ← or → to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Reflections on the UI

The prototyping and translating phases of my process led me to an Elm view, i.e. View.Page.view, that abstracted the user interface of the entire web application. View.Page.view is composed of reusable view functions that I designed based on the blocks, i.e. components, that arose from my decomposition of the design.

View.Page.view
    { calculator =
        { line1 = line1
        , line2 = line2
        , onClick = onClick
        }
    , attribution =
        { name = "Dwayne Crooks"
        , title = "Dwayne's GitHub profile"
        , url = "https://github.com/dwayne"
        }
    }

All I need in order to display the web application are the two display lines and a click handler. No application logic required. 🙌