reframe-starter icon indicating copy to clipboard operation
reframe-starter copied to clipboard

re-frame starter app. Includes shadow-cljs, deps.edn, garden, re-frame-10x and reitit.

= cljs-reframe-template

A starter https://github.com/Day8/re-frame[re-frame] application.

frontend routing with https://github.com/metosin/reitit[reitit]

dev tooling with shadow-cljs

styles per inline injection with https://github.com/noprompt/garden[CSS Garden]

styles via TailwindCSS https://tailwindcss.com/

== Development Mode


npx shadow-cljs watch app

=== Compile application


npx shadow-cljs compile app


npx shadow-cljs release app

=== CSS via Tailwind

  • CSS artifacts are compiled ** via Tailwind's new JIT Engine
  • using
  • https://github.com/teknql/shadow-cljs-tailwind-jit
  • so one can use ** build hooks ** inside Shadow-Cljs projects

==== manually purge CSS


npm run-script tw

=== Run application:

Wait a bit, then browse to http://localhost:8021.

== Using babashka

https://github.com/babashka/babashka[babashka]

  • use of the new babashka tasks feature
  • config via bb.edn

bb tasks


bb watch bb compile bb release bb purgecss bb buildreport