ryannhg/elm-spa
1
1
Fork 0
mirror of https://github.com/ryannhg/elm-spa.git synced 2024-11-25 14:39:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

Tidy up shared guide

Browse Source
This commit is contained in:
Ju Liu 2020-07-14 14:39:40 +01:00
parent 38a835f4aa
commit 8e435ee388
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
examples/elm-spa-dev/public/content/guide/shared.md
View File

@ -4,7 +4,7 @@ Whether you're sharing layouts or information between pages, the `Shared` module
## Flags ## Flags
If you have initial data you hope to pass into your Elm application, you should provide it via `Flags`, If you have initial data you want to pass into your Elm application, you should provide it via `Flags`.
When you create a project with `elm-spa init`, a file will be created at `public/main.js`: When you create a project with `elm-spa init`, a file will be created at `public/main.js`:
@ -53,8 +53,8 @@ decoder =
init : Flags -> Url -> Key -> ( Model, Cmd Msg ) init : Flags -> Url -> Key -> ( Model, Cmd Msg )
init flags url key = init flags url key =
case Json.decodeValue decoder flags of case Json.decodeValue decoder flags of
Ok initialData -> -- Initialize app Ok initialData -> -- Initialize app
Err reason -> -- Handle failure Err reason -> -- Handle failure
``` ```
This way, you can create a decoder to gracefully handle the JSON being sent into your Elm application. This way, you can create a decoder to gracefully handle the JSON being sent into your Elm application.
@ -106,7 +106,7 @@ This is just an example of using `update` with the `user` field we added earlier
## view ## view
The `Shared.view` function is a great place to render things that should persist across page transitions. It comes with more than just a `Model`, so you can insert the `page` whereever you'd like: The `Shared.view` function is a great place to render things that should persist across page transitions. It comes with more than just a `Model`, so you can insert the `page` wherever you'd like:
```elm ```elm
import Components.Navbar as Navbar import Components.Navbar as Navbar