ClojureScript Reagent (Scittle)

clojurescript-reagent-scittle.markdown

ClojureScript Reagent (Scittle)

A Pen by Michael SALIHI on CodePen.

License.

index.html

<div id="app"></div>

<script type="application/x-scittle">
  (require '[reagent.core :as r]
           '[reagent.dom :as rdom])

  (def state (r/atom {:clicks 0}))

  (defn my-component []
   [:div
    [:p "Clicks: " (:clicks @state)]
    [:p 
     [:button {:on-click #(swap! state update :clicks inc)}
      "Click me!"]]])

  (rdom/render [my-component] (.getElementById js/document "app"))
</script>

scripts

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/scittle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.production.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/scittle.reagent.js"></script>