Wisp

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin urna odio, aliquam vulputate faucibus id, elementum lobortis felis. Mauris urna dolor, placerat ac sagittis quis.

Javascript

(defn greet [name] (.concat "Hello " name))

(greet "Robert")

(defn currentSections
    [allSections, activeSections]
  (.filter list (fn [section]
    (.some activeSections
       (fn [activeSection]
         (identical?
           section.id activeSection.id))))))

var greet = exports.greet
    = function greet(name) {
        return 'Hello '.concat(name);
    };
greet('Robert');

var currentSections
    = exports.currentSections
    = function currentSections(
        allSections, activeSections) {
        return list.filter(
            function (section) {
            return activeSections.some(
                function (activeSection) {
                return section.id
                    === activeSection.id;
            });
        });
    };

Omniscient

• Javascript
• React
• ImmutableJS
• Immstruct

How does Om work?

• Uses ReactJS to render an in-memory data structure
• Uses immutable data structures to prevent unnecessary renders
• Allows React components to be attached to sections of a data structure
• Uses core.async to handle event changes

Immstruct

• Wraps ImmutableJS structures
• Provides an event model
• Implements cursors

Cursors

 
var data = Immutable.fromJS({'person' :
    {'name' :
        {'first' : 'Robert', 'family' : 'Rees'}
    }
    , 'age' : 452});

var nameCursor = Cursor.from(data, ['person', 'name']);

nameCursor.update('first', function(name) {return name.toUpperCase();} );

data.getIn(['person', 'name', 'first']); // ROBERT

Event driven rendering

var immstruct = require('immstruct'),
  React = require('react');

var appData = immstruct({greeting: "Hello", guest: {name: ""}});

function render() {
    React.render(Component(appData.cursor()), documentElement);
}

render();

appData.on('next-animation-frame', render);

Wot no core.async?