elm-navigation-example icon indicating copy to clipboard operation
elm-navigation-example copied to clipboard

elm-lang/navigation example without using hashes

elm navigation example

I've created this example to have easy reference code how to use elm-lang/navigation without using hashes.

This example is based on:

  • general structure taken from https://github.com/elm-lang/navigation/tree/master/examples
  • the routing part from https://github.com/ohanhi/elm-taco

How to run

To set up on your own computer, you will need git, elm-0.18, node.js, yarnpkg.

Also web browser with support of Object.assign for loading env.js. There is also polyfill.

Simply clone the repository and:

$ git clone https://github.com/rofrol/elm-navigation-example.git
$ cd elm-navigation-example
$ cp .env.example .env
$ ./tools/build-dev.sh
$ ./tools/server.js

In another terminal run:

$ ./tools/browsersync.js

Then navigate your browser to http://localhost:8000.

Configuration

Based on https://12factor.net/config

cp .env.example .env
./tools/generate-env.js

You will get dist/js/env.js which is loaded to elm through flags.

Linter elm make - don't compile twice

https://gist.github.com/rofrol/fd46e9570728193fddcc234094a0bd99#atom-editor-and-linter-elm-make---dont-compile-twice

TODO

  • [ ] use query string https://stackoverflow.com/questions/43111085/evancz-url-parser-and-multiple-query-parameters
  • [ ] use ohanhi/elm-web-data