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 | intermediate |
| 2 | cellular-automata | Transducer based, customizable 2D cellular automata | hdom, hdom-components, transducers | basic |
| 3 | dashboard | Barebones components w/ local state | hdom, hdom-components, transducers | basic |
| 4 | devcards | multiple app instances with/without shared state | atom, hdom, hdom-components | intermediate |
| 5 | hdom-basics | hello world | hdom, hiccup | basic |
| 6 | hdom-benchmark | hdom rendering perf / stress test, canvas FPS counter | hdom, rstream, transducers | intermediate |
| 7 | interceptor-basics | event handling w/ interceptors and side effects | atom, hdom | intermediate |
| 8 | json-components | JSON->component transformation, live editor | hdom, transducers | intermediate |
| 9 | login-form | basic SPA without router | atom, hdom | intermediate |
| 10 | pointfree-svg | generate SVG using pointfree DSL | hiccup, hdom-components, pointfree-lang | intermediate |
| 11 | router-basics | complete mini SPA | atom, hdom, router | advanced |
| 12 | rstream-dataflow | dataflow graph execution | atom, hdom, resolve-map, rstream, transducers | intermediate |
| 13 | svg-particles | hdom SVG generation / animation | hdom, transducers | basic |
| 14 | todo-list | Canonical Todo list with undo/redo | atom, hdom, transducers | intermediate |
| 15 | webgl | Canvas component handling | hdom, hdom-components | basic |