Video and slides synchronized, mp3 and slide download available at URL http://bit.ly/1NILZB4. Jearvon Dharrie discusses how ClojureScript stacks up against ES6. He demonstrates code examples in Javascript and ClojureScript. Filmed at qconnewyork.com. Jearvon Dharrie is a software engineer at PromptWorks. Jearvon spends his day working with Javascript, Ruby, and Python. In his free time he enjoys toying with programming languages. He is currently interested in Clojure and ClojureScript.

1. Thinking'in'ClojureScript
Programming)is)not)about)typing,)it's)about)thinking)4)Rich)Hickey

2. InfoQ.com: News & Community Site
• 750,000 unique visitors/month
• Published in 4 languages (English, Chinese, Japanese and Brazilian
Portuguese)
• Post content from our QCon conferences
• News 15-20 / week
• Articles 3-4 / week
• Presentations (videos) 12-15 / week
• Interviews 2-3 / week
• Books 1 / month
Watch the video with slide
synchronization on InfoQ.com!
http://www.infoq.com/presentations
/clojurescript-es6

3. Presented at QCon New York
www.qconnewyork.com
Purpose of QCon
- to empower software development by facilitating the spread of
knowledge and innovation
Strategy
- practitioner-driven conference designed for YOU: influencers of
change and innovation in your teams
- speakers and topics driving the evolution and innovation
- connecting and catalyzing the influencers and innovators
Highlights
- attended by more than 12,000 delegates since 2007
- held in 9 cities worldwide

4. What%is%ClojureScript?
ClojureScript-is-a-compiler-for-Clojure-that-targets-JavaScript.

5. Goals
• Understand*the*ClojureScript*thought*process
• Learn*enough*ClojureScript
• Convince*YOU*to*take*ClojureScript*for*a*spin
• Take*some*of*these*principles*back*to*JavaScript

6. Why$ClojureScript?
• Philosophy
• It's-not-JavaScript
• Data-Structures-/-Immutability
• core.async-library

7. It's%not%JavaScript

9. • Thought(out(design((Nan == Nan ;false)
• Ba2le(tested((i.e.(Google(Closure)
• Browser(Repl
• Real;me(feedback(
• Macros,(namespaces

10. Figwheel(/(Browser(Repl

11. Just%enough%ClojureScript

12. Hello%ClojureScript
Hello ClojureScript
;; Hello ClojureScript

13. Func%on'Call
(+ 5 (* 5 2))
;; 15
// JavaScript
5 + 5 * 2

14. Defining'Func+ons
(defn multiply
[x, y]
(* x y))
// JavaScript
function multiply(x, y) {
x * y
}

15. Interop
(. js/document (getElementById "app")
;; method call
(.-value input)
;; property

16. atom
(def count (atom 0))
@count
;; 0
(swap! count 1)
(reset! count 1)

17. let
(let [x 1]
x)

18. Macros
(-> (om/get-node owner "new-contact-name")
.-value)

19. (defmacro unless
[pred & body]
`(if (not ~pred)
(do ~@body)
nil))
;; Compiles to
(macroexpand '(unless true (/ 1 0))
; => (if (clojure.core/not true) (do (/ 1 0)) nil)

20. core.asyc
Clojure's*implementa1on*of*Communica1ng*Sequen1al*Processes

21. Communica)ng+Sequen)al+Processes
• processes
• channels
• coordina.on

22. Escape'callback'hell

23. Write&sequen+al&logic
(println "do something")
(send-to-channel)
(println "continue")

24. Primi%ves

25. Chan%(get%be+er%defini0ons%for%these)
(chan)

26. Put
(put!)
(>!)

27. Take
(take!)
(<!)

28. go
(go
(println "Waiting...")
(<! events)
(show! "Got an event")
)

29. Code%example

30. Immutability
(def a [1 2 3])
(println (conj a 42))
;; [1 2 3 42]
(println a)
;; [1 2 3]

31. Om#+#React

32. Lets%talk%about%Om

33. Om
Interface)to)Facebook's)React

34. React
• V#in#MVC
• Immediate#mode#rendering
• Components

36. Example
h"ps://github.com/iamjarvo/pplz

37. Helpful'links
• h#p://funcool.github.io/clojurescript6unraveled/
• h#ps://github.com/circleci/frontend
• h#ps://www.youtube.com/user/ClojureTV
• h#ps://github.com/omcljs/om
• h#p://swannode#e.github.io/

38. Me
• Jearvon)Dharrie
• Twi/er:)@jearvon
• Podcast:)h/p://turing.cool

39. Watch the video with slide synchronization on
InfoQ.com!
http://www.infoq.com/presentations/clojurescript
-es6