Ajax GET con reagente

Question

Sto eseguendo un Ajax GET dall'applicazione Reagent per caricare alcune informazioni dal database.

Non sono del tutto sicuro di quale sia il modo migliore per ottenere il risultato di tale chiamata ajax sulla mia pagina, considerando che se lo metto in un atomo, allora Reagente re-rende automaticamente un componente quando un atomo è dereferenziato, il che significa che ottengo una sequenza infinita di chiamate Ajax.

Per un certo codice,

(def matches (atom nil)) 

(defn render-matches [ms] 
    (reset! matches (into [:ul] (map (fn [m] ^{:key m}[:li m]) 
            (walk/keywordize-keys (t/read (t/reader :json) ms))))) 

Questa funzione fondamentalmente crea un [:ul [:li "Stuff here"] [:li "And here"]]

cui vorrei visualizzati sulla mia pagina, che ora ha il seguente codice.

(defn standings-page [] 
    (GET "/list-matches" 
     {:handler render-matches}) 
    @matches) 

Answer 1

Penso che sia meglio salvare solo i dati in un atomo e generare l'HTML come parte della logica del componente.

Inoltre, è preferibile attivare la chiamata AJAX al di fuori della fase di rendering, ad esempio, prima che il componente venga montato, o come risultato di un evento (con un clic su un pulsante, ad esempio).

Ti piace questa:

(def matches (atom nil)) 
(defn component [] 
    (let [get-stuff (fn [] (GET "/..." :handler (fn [response] 
          (reset! matches (:body response))))] 
    (get-stuff) <-- called before component mount 
    (fn [] 
     [:ul 
     (for [m match] 
      ^{:key ...} 
      [:li ...])]))) 

Questo è chiamato modulo-2 in this post.