core.cljs

(ns example.core
  (:require [reagent.core :as reagent]
            [example.app :as app :refer [global-state]]
            [example.routes :as routes]
            [example.views.layout :as layout]))

(defn layout-render []
  [layout/menu]
  [(global-state :current-screen)])

(defn app-component []
  (reagent/create-class {:component-will-mount routes/app-routes
                         :render layout-render}))

(reagent/render-component [app-component] (.-body js/document))

routes.cljs

(ns example.routes
  (:require [secretary.core :as secretary :refer-macros [defroute]]
            [example.app :as app :refer [global-put!]]
            [example.views.screens :refer [screens]]
            ))

(defn app-routes []
  (secretary/set-config! :prefix "#")

  (defroute "/" []
    (global-put! :current-screen (screens :budget-screen)))
  (defroute "/journal" []
    (global-put! :current-screen (screens :journal-screen)))
  (defroute "/savings" []
    (global-put! :current-screen (screens :savings-screen)))
  (defroute "/settings" []
    (global-put! :current-screen (screens :settings-screen))))