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

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 is a simple wrapper around react, it makes writing pure functional component a breath. re-frame is like a redux in clojurescript's world. It is a architectural library to make big apps

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"

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