                             (swap! app-state
                               #(assoc %1 :champ (get-in %1 [:champs %2]))
                               (keyword (-> event .-target .-value))))}
-     (for [[id ch] (:champs @app-state)]
+     (for [[id ch] (sort-by (comp :name val) (:champs @app-state))]
        [:option {:key id :value id} (:name ch)])]])
 
 (defn champion-image []
   [:img {:src (str "http://ddragon.leagueoflegends.com/cdn/img/champion/loading/"
-                   (:id (:champ @app-state))
+                   (:id (:champ @app-state) "Aatrox")
                    "_0.jpg")}])
 
 (defn recommend []

    [:ul (for [item (:recommended @app-state)]
           [:li (:name item)])])

(defn hello-world []
  [:div
    [:h1 (:text @app-state)]
    [champion-select]
    [champion-image]
    [item-recommendation]])

(reagent/render-component [hello-world]

;; define your app data so that it doesn't get over-written on reload

(defonce app-state (atom {:text "Hello world!"
                          :props #{}
                          :recommended []}))

(go
