re-frame-html5-routing icon indicating copy to clipboard operation
re-frame-html5-routing copied to clipboard

Re-Frame +routes using Bidi & pushy for no-hashes html5 routing

Re-frame Example/Starter

Figwheel + Re-Frame + Bidi + Pushy (HTML5 no-hash routing)

  1. Using re-frame-template lein new re-frame my-app +routes +aliases - https://github.com/Day8/re-frame-template
  2. dev-server/handler by @mjg123 - https://github.com/bhauman/lein-figwheel/issues/344#issuecomment-243922855
  3. bidi, pushy No-hashes bidirectional routing by J. Pablo Fernández - https://pupeno.com/2015/08/26/no-hashes-bidirectional-routing-in-re-frame-with-bidi-and-pushy/

Thanks everyone!

Also checkout https://github.com/quangv/shadow-re-frame-simple-example which uses shadow-cljs whose dev server supports html5 routes by default.

A re-frame application designed to ... well, that part is up to you.

Development Mode

Run application:

lein dev

Figwheel will automatically push cljs changes to the browser.

Wait a bit, then browse to http://localhost:3449.

Production Build

To compile clojurescript to javascript:

lein build