1.6 KiB

Raw Blame History

TodoMVC done with re-frame

A re-frame implementation of TodoMVC.

Setup And Run

Install Leiningen (plus Java).

Get the re-frame repo

git clone https://github.com/Day8/re-frame.git

cd to the right example directory
```
cd re-frame/examples/todomvc
```
Clean build
```
lein do clean, figwheel
```
Run You'll have to wait for step 4 to do its compile, but then:
```
open http://localhost:3450
```

Compile an optimized version

Compile

lein do clean, with-profile prod compile

Open the following in your browser
```
resources/public/index.html
```

Exploring The Code

From the re-frame readme:

To build a re-frame app, you:
  - design your app's data structure (data layer)
  - write and register subscription functions (query layer)
  - write Reagent component functions (view layer)
  - write and register event handler functions (control layer and/or state transition layer)

In src, there's a matching set of files (each small):

src
├── core.cljs         <--- entry point, plus history
├── db.cljs           <--- data related  (data layer)
├── subs.cljs         <--- subscription handlers  (query layer)
├── views.cljs        <--- reagent  components (view layer)
└── handlers.cljs     <--- event handlers (control/update layer)

Notes

Various:

The official reagent example
Look at the re-frame Wiki