In the previous post, we learned how to add
Elm View to our
Picshare application. This post is part of the functional language series, and it is based on a remarkable book, Programming Elm Build Safe and Maintainable Front-End Applications by Jeremy Fairbank.
If you observe the current implementation of our Picshare application, you can see that
model state flows top-down from
To update the application model state, we need to implement an update function that takes two parameters, message and model. The message describes the event from the application environment (server-side, web-socket, or mouse-click), and application logic does something on the current state model, and the result is a new state model. Let’s prepare everything needed for update function.
Here is the gist:
Compile and open idex.html and you will get like button that does nothing.
elm make src/Picshare.elm --output picshare.js