Literate interactive coding: Devcards

on YouTube ↗39m

" summary

A ClojureScript library called Devcards wires into Figwheel hot code reloading to surface live, documentable code examples as cards via a single defcard macro. The demo builds a to‑do UI one card at a time: React elements render multiple states in parallel, state atoms record history with undo, cljs.test runs inline, CSS styling is applied, and a tiny live music generator and inspector prove the approach works as a thin, practical toolkit for iterative component development.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 6:27Code Reloading
3. 6:43Hot Code Reloading
4. 8:20React Js
5. 15:02Demo
6. 21:22Example Driven Development
7. 29:10Add a Done Button
8. 34:50Questions

" related talks

• 46mDeveloping ClojureScript With FigwheelBruce Hauman · Clojure/West 2015
• 50mClojureScript - It's not just the languageChristian Johansen · NDC Oslo 2018
• 35mThrough the Looking GlassDavid Nolen · ReactiveConf 2016
• 14mMoldable Live Programming with ClerkPhilippa Markovics · reClojure 2022
• 30mVisualization Driven DevelopmentJason Gilman · Strange Loop 2013
• 35mMaking a lot of thingsBen Foxall · Full Stack Fest 2017
• 30mProto REPL, a New Clojure Development and Visualization ToolJason Gilman · Clojure/conj 2016
• 27mVlojure A New Way To Write ClojureScriptElla Hoeppner · re:Clojure 2021