(ns playground.core
  (:require [uix.core :as uix :refer [defui $]]
            [uix.dom]))

(defui app []
  (let [[n set-n] (uix/use-state 0)]
    ($ :.flex.flex-col.justify-center.items-center.h-screen
      ($ :img.animate-bounce
        {:src "https://raw.githubusercontent.com/pitch-io/uix/master/logo.png"
          :width 128})
      ($ :div.text-xl.mb-4 "Hello")
      ($ :div.text-4xl.animate-ping
        "👋"))))

(defonce root (uix.dom/create-root (js/document.getElementById "root")))
(uix.dom/render-root ($ app) root)

• What is UIx?
• Components
• Elements
• Hooks
• State
• Effects
• Props validation
• Interop with React
• Interop with Reagent
• Code-splitting and React.lazy
• Migrating from Reagent
• Server-side rendering
• Hot reloading
• React DevTools
• Code linting
• Differences from Reagent
• Utilities
• Examples
• Internals
• React Native
• React Three Fiber