Intro

Vlad Bokov

@razum2um

ClojureScript

Lisp for JS

https://github.com/clojure/clojurescript

Looks like this

(defcomponent app [{:keys [title connected qr question answers]} _]
  (render [_]
    (html
      [:div.wrapper
       [:h1 title]
       (om/build question-widget question)
       (if slide?
         [:div
          [:p (str "Connected: " connected)]
          (om/build-all stat-widget answers)
          (om/build qr-widget qr)]
         (om/build-all answer-widget answers))]
      )))

promises everywhere in ecosystem?

keystonejs/keystone (4.5K stars, 770 forks) on Mar 23, 2015

exports.signin = function(lookup, req, res, onSuccess, onFail) {
  if (!lookup) {
    return onFail(new Error('session.signin requires a User ID or Object as the first argument'));
  }
  var User = keystone.list(keystone.get('user model'));
  if ('string' === typeof lookup.email && 'string' === typeof lookup.password) {
    // match email address and password
    User.model.findOne({ email: lookup.email }).exec(function(err, user) {
      if (user) {
        user._.password.compare(lookup.password, function(err, isMatch) {
          if (!err && isMatch) {
            exports.signinWithUser(user, req, res, onSuccess);
          }
          else {
            onFail(err);
          }
        });
      } else {
        onFail(err);
      }
    });
  } else {
    lookup = '' + lookup;
    // match the userId, with optional password check
    var userId = (lookup.indexOf(':') > 0) ? lookup.substr(0, lookup.indexOf(':')) : lookup,
      passwordCheck = (lookup.indexOf(':') > 0) ? lookup.substr(lookup.indexOf(':') + 1) : false;
    User.model.findById(userId).exec(function(err, user) {
      if (user && (!passwordCheck || scmp(passwordCheck, hash(user.password)))) {
        exports.signinWithUser(user, req, res, onSuccess);
      } else {
        onFail(err);
      }
    });
  }
};

ES6	ClojureScript
modules	namespaces
`var [one, ...rest] = foo;` `var {foo, bar: baz} = qux;` `var {foo, bar: baz} = qux;` `[1, 2].map(x => x * 2)`	`[[one & rest] foo]` `[{:keys [foo] baz :bar} qux]` `[{:keys [foo] baz :bar} qux]` `(map #(* % 2) [1, 2])`
var, let, const	let
iterator	map (lazy), transducers (@youtube)
generator	lazy-seq
type annotations	core.typed
Map, Object	{}, defrecord

JS	ClojureScript
`this` `var that = this`	explicit args passing, partial `(this-as that)`
uglifyjs, yui-compressor	Google Closure Compiler
JSHint, JSLint	cljs.analyzer (works out-of-the-box) `undeclared Var .. at line, file` google closure compiler
macros? ;(	`(defmacro)`
stdlib?	`:keyword`, `#{}`, `UUID` transit format Google Closure Library
...	`:advanced` dead code elimination
grunt/gulp/broccoli	lein-cljsbuild

(Fun with)

Intro

Vlad Bokov

ClojureScript

Lisp for JS

WTF

Looks like this

Why not JS?

Skill Test

ES6 Features

CLJ(S) Features

Russian community

In Action

New Project

Boilerplate

Hotspots

Push State

Connection screen

Endpoints

Poll