This directory contains a growing number of standalone example projects, including live online versions, build instructions and commented source code.
If you want to contribute an example, please get in touch via PR, issue tracker, email or twitter!
| # | Name | Description | Packages of interest | Difficulty |
|---|---|---|---|---|
| 1 | async-effect | Async side effect handling (JSON I/O) | atom, hdom, interceptors | intermediate |
| 2 | cellular-automata | Transducer based, customizable 2D cellular automata | hdom, hdom-components, transducers | basic |
| 3 | crypto-chart | Interactive rstream & transducer based SVG chart | hdom, hiccup-svg, rstream, transducers | advanced |
| 4 | dashboard | Barebones components w/ local state | hdom, transducers | basic |
| 5 | devcards | Multiple app instances with/without shared state | atom, hdom | intermediate |
| 6 | hdom-basics | Hello world | hdom, hiccup | basic |
| 7 | hdom-benchmark | hdom rendering perf / stress test, FPS counter | hdom, rstream, transducers | intermediate |
| 8 | hdom-theme-adr-0003 | hdom themed components proposal | hdom | intermediate |
| 9 | interceptor-basics | Event handling w/ interceptors and side effects | atom, hdom, interceptors | intermediate |
| 10 | json-components | JSON->component transformation, live editor | hdom, transducers | intermediate |
| 11 | login-form | Basic SPA without router | atom, hdom | intermediate |
| 12 | pointfree-svg | Generate SVG using pointfree DSL | hiccup, hiccup-svg, pointfree-lang | intermediate |
| 13 | router-basics | Complete mini SPA | atom, hdom, interceptors, router | advanced |
| 14 | rstream-dataflow | Dataflow graph | atom, hdom, rstream, rstream-gestures, rstream-graph, transducers | intermediate |
| 15 | rstream-grid | Dataflow graph SVG grid | atom, hdom, hiccup-svg, interceptors, rstream-graph, transducers | advanced |
| 16 | rstream-hdom | rstream based UI updates & state handling | hdom, rstream, transducers | intermediate |
| 17 | svg-particles | hdom SVG generation / animation | hdom, transducers | basic |
| 18 | svg-waveform | hdom SVG generation / undo history | atom, hdom, hiccup-svg, interceptors, iterators | intermediate |
| 19 | todo-list | Canonical Todo list with undo/redo | atom, hdom, transducers | intermediate |
| 20 | webgl | Canvas component handling | hdom, hdom-components | basic |