clojurescript

Two ways to set and get property in clojurescript

There's two forms to get and set property in clojurescript. ;; get property (.-innerHTML el) (aget el "innerHTML") ;; set property (set! (.-innerHTML el) "Hi!") (aset el "innerHTML" "Hi!") In practice, use aget with aset or set! with .-attr form, but don't mix them. Otherwise closure

clojurescript

Access this in clojurescript

To access this in a clojurescript function, use this-as macro https://cljs.github.io/api/cljs.core/this-as (def fadein-view (reagent/create-class {:get-initial-state (fn [this] {:hidden true :height 0}) :component-will-appear (fn [cbk] (this-as this (reagent/set-state this {:hidden false}) (cbk))) ...

clojurescript

Complete re-frame Tutorial

In this tutorial, we'll introduce writing clojurescript app with reagent and re-frame. reagent [http://reagent-project.github.io/] is a simple wrapper around react, it makes writing pure functional component a breath. re-frame [https://github.com/Day8/re-frame] is like a redux [http://redux.js.

clojurescript

Create javascript class with prototype methods in clojurescript

When working with clojurescript, you may need to integrate with javascript codebase that asks you to provide a javascript class. Here's how to create such thing: * define a type with methods in it using deftype. (defprotocol IProvider (getData [this cbk] "Just bark") (watch [this

clojurescript

Import clojurescript into ES6 module

In case you have a clojurescript codebase and you want to use it in your ES6 project. Sadly exports-loader does not work with it out of the box. Here's what to do. Mark exported functions using ^:export metadata. ;; algo/core.cljs (defn ^:export answer

Subscribe to juju's Blog