I have a query about dispatching events on app boot: I create a new timer which fires an effect :set-clock that keep increasing the duration of the timer and stores the new value to reframe-db. This in turn renders the timer component to display the timer ticking in the UI. If I were to load the stored duration data directly from local-storage on page refresh, how should I start ticking the timers automatically? Each timer has a :state which tells us if the timer is running or paused.

What libraries exist for input text completion in re-frame?

hey everyone, can I get some recommendations about what I might improve / write a better approach in here please?

(ns colors-game.events
  (:require [re-frame.core :as re-frame]
            [colors-game.db :as db]))

(re-frame/reg-event-db
 :initialize-db
 (fn  [_ _]
   db/default-db))

(defn random-active-color [db]
  (->>
    (:colors db)
    (take (:active db))
    (rand-nth)))

(defonce interval-handler
  (fn [{:keys [action id frequency event]}]
    (let [live-intervals (atom {})]
      (condp = action
        :start (swap! live-intervals assoc id (js/setInterval #(re-frame/dispatch event) frequency))
        :end (do (js/clearInterval (get live-intervals id))
                 (swap! live-intervals dissoc id))))))

(re-frame/reg-fx
  :interval
  interval-handler)

(re-frame/reg-event-db
  :end-game
  (fn [db]
    (assoc db :has-ended? true)))

(re-frame/reg-event-db
  :tick
  (fn [db]
    (if (> (:time-left db) 1)
      (update db :time-left dec)
      (assoc db :has-ended? true))))

(re-frame/reg-event-db
  :select-color
  (fn [db [_ color]]
    (if-not (:has-ended? db)
      (if (= (:real db) color)
        (-> db
            (update :score inc)
            (assoc :time-left 3
                   :fake (random-active-color db)
                   :real (random-active-color db)))
        (assoc db :has-ended? true
               :time-left 0))
      db)))

(re-frame/reg-event-fx
  :start-playing
  (fn [{:keys [db]} _]
    {:interval {:action :start
                :id :some-awesome-id
                :frequency 1000
                :event [:tick]}
     :db (assoc db :is-playing? true
                :fake (random-active-color db)
                :real (random-active-color db))}))

@bravilogy is there a specific problem you would like us to help you with?

I just wanted to know if it’s a good approach in re-frame to have those nested if / if-not logics in there

or perhaps there’s a different way to do it

something that I don’t know yet and I would look into

just trying to learn really

@bravilogy seems reasonable to me.

@deg re-com has a widget like that