1 of 19

2 of 19

Clojure

3 of 19

Clojure

๐Ÿ’ฅ Immutable

๐Ÿ‹๏ธ REPL

๐Ÿฃ lite kod

4 of 19

Clojure

๐Ÿ’ฅ Immutable

๐Ÿ‹๏ธ REPL

๐Ÿฃ lite kod

5 of 19

(defn hello-world []

โ€œHello World.โ€)

6 of 19

(defn hello-world []

โ€œHello World.โ€)

function helloWorld() {

return โ€˜Hello World.โ€™;

}

7 of 19

(function arguments)

8 of 19

(function arguments)

(operator operands)

9 of 19

(function arguments)

(operator operands)

(println โ€œHello World.โ€)

(+ 1 2 3)

10 of 19

(println โ€œHello World.โ€)

(+ 1 2 3)

console.log(โ€˜Hello World.โ€™);

return 1 + 2 + 3;

11 of 19

๐Ÿ˜ฌ

12 of 19

๐Ÿ˜ฎ ๐Ÿ˜ฌ ๐Ÿคช ๐Ÿ˜ณ ๐Ÿ˜ญ ๐Ÿค” ๐Ÿ™‚ ๐Ÿคฏ ๐Ÿ™ƒ ๐Ÿ˜€ ๐Ÿ˜ ๐Ÿง˜

The 12 Stages of Learning Clojure

13 of 19

ClojureScript

14 of 19

15 of 19

ClojureScript

Reagent

16 of 19

(defn my-component []

[:div

[:p โ€œThis is Hiccup.โ€]])

17 of 19

ClojureScript

Reagent

re-frame

18 of 19

(defn my-component []

(when (<sub [:disconnected?])

[connect-button]))

(defn connect-button []

[:input {:type โ€œbuttonโ€

:value โ€œConnectโ€

:on-click #(>evt [:connect])}])

19 of 19

๐Ÿ˜

Tack!