This page covers Tutorial v2. Elm 0.18.
The next step is to fetch the list of players from the fake API we created before.
This is the plan:
(1-2) When the application loads, we trigger a command to initiate an Http request to fetch the players. This will be done in the
init of Html.program.
(3-4) When the request is done, we trigger a
OnFetchPlayers with the response, this message flows to
Update which updates the model by storing the response.
(5) Then the application renders with the updated players' list.
We will need a few new packages, install them using:
elm-package install elm-lang/http elm-package install NoRedInk/elm-decode-pipeline elm-package install krisajenkins/remotedata
elm-lang/httpis used for sending http requests.
NoRedInk/elm-decode-pipelineoffers and alternative and cleaner API for decoding JSON.
krisajenkins/remotedataoffers a robust pattern for handling remote resources, we will talk more about this later.