Wisp

A Clojure-like Lisp syntax

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;
            });
        });
    };

Om

Love your library
not your language

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?