re-posh
is a ClojureScript library that allows you to use re-frame, a reagent framework for writing single-page applications with Facebook's react, along with DataScript, an immutable database and Datalog query engine for application state management and data flow.
re-posh
uses posh to combine reagent's component state management (including automatic component re-rendering when the underlying state changes) with DataScript's very rich data management and querying capabilities.
The end result is a system where the functions that you compose to render your user interface can declaratively be tied to queries that intelligently bind themselves to the data set that forms your application's state. This turns rich/complicated application state management from a creeping problem into a welcomed feature.
You can have the elegance and power of re-frame alongside the flexibility and expressiveness of DataScript and Datalog. You can manage your application's internal state at whatever complexity level you need it to be, from day one.
Require re-posh
in your app:
(ns example
(:require [reagent.core :as r]
[re-posh.core :refer [connect! reg-query-sub reg-pull-sub reg-event-ds]]
[datascript.core :as d]))
Connect your DataScript database to re-posh
:
(ns example.db
(:require
[datascript.core :as d]
[re-posh.core :refer [connect!]]))
(def conn (d/create-conn))
(connect! conn)
You can subscribe to the DataScript database with a query subscription or with a pull subscription.
You can use reg-query-sub
function for subscribe to any query
(reg-query-sub
:task-ids
'[ :find [?tid ...]
:where [?tid :task/title]])
This function takes two params, subscription name and datalog query. You can use this subscription as regular re-frame subscription
(defn page []
(let [task-ids (subscribe [:task-ids])]
(fn []
...
Every parameter in a signal will be pass as param to the query
(reg-query-sub
:task-ids
'[ :find [?tid ...]
:in $ ?param-1 ?param-2
:where ...
(let [task-ids (subscribe [:task-ids param-1 param-2])]
...)
Pull subscriptions creates subscription to the entity. reg-pull-sub
function create pull subscription and takes two params, subscription name and pull pattern. For more details see Datomic Pull
(reg-pull-sub
:sub-name
'[*])
;; Usage
(let [entity-id 123
entity (subscribe [:sub-name entity-id])])
re-posh
uses totally the same solution as re-frame reg-event-db
but with datascript database instead. Function reg-event-ds
takes event name and event handler. First param for handler is a dereferenced DataScript database. You can do with it whatewer you like, make query or take entities with pull. The second parameter is a signal. Event handler have to return transaction.
(reg-event-ds
:update-task
(fn [ds [_ id path value]] ;; ds is not used here, just an example
[[:db/add id path value]]))
re-posh
introduce one effect and one co-effect. You can use them as regular re-frame effects and co-effects (in fact they are regular re-frame effects and coeffects)
This effect commit transaction into the DataScript database
(ns example.events
(:require [re-frame.core :as r]))
(r/reg-event-fx
:my-event
(fn [cofx [_ id k v]]
{:transact [[:db/add id k v]]})) ;; return datascript transaction
This co-effect provide DataScript database into your event handler
(ns example.events
(:require [re-frame.core :as r]))
(r/reg-event-fx
:my-event
[(r/inject-cofx :ds)] ;; inject coeffect
(fn [{:keys [ds]} [_ id k v]] ;; ds here is the DataScript database
{:transact [[:db/add id k v]]}))
Pull requests are welcome. Email me on denis.takeda@gmail.com if you have any questions, suggestions or proposals.
Copyright © 2017 Denis Krivosheev
Distributed under the MIT License