Presentation about ClosureScript fraemework
2 likes2,081 views
ClojureScript Ilegra allows generating JavaScript code from Clojure code. It works by compiling Clojure code to JavaScript using the ClojureScript compiler. This allows building complex client-side web applications by combining the flexibility of JavaScript with Clojure's strengths. Some benefits are using Clojure data structures and namespaces while targeting the web. Potential challenges include difficulty testing complex applications and integrating with other JavaScript libraries.
![How it Works? Download API git clone git://github.com/clojure/clojurescript.git cd clojurescript ./script/bootstraP (ns hello) (defn ^:export greet [n] (str "Hello " n)) Do some Clojure Code ./bin/cljsc samples/ldc/src/hello-ldc/hello-ldc.cljs > hello.js Compilie IT](https://image.slidesharecdn.com/clojure-script-111128040200-phpapp01/85/Presentation-about-ClosureScript-fraemework-3-320.jpg)
![How it Works? Download API git clone git://github.com/clojure/clojurescript.git cd clojurescript ./script/bootstraP (ns hello) (defn ^:export greet [n] (str "Hello " n)) Do some Clojure Code ./bin/cljsc samples/ldc/src/hello-ldc/hello-ldc.cljs > hello.js Compilie IT](https://image.slidesharecdn.com/clojure-script-111128040200-phpapp01/85/Presentation-about-ClosureScript-fraemework-4-320.jpg)
![Some Examples core.cljs (ns hello.core (:require [hello.foo.bar :as bar])) (defn ^{:export greet} greet [n] (str "Hello " n)) (defn ^:export sum [xs] (bar/sum xs))](https://image.slidesharecdn.com/clojure-script-111128040200-phpapp01/85/Presentation-about-ClosureScript-fraemework-6-320.jpg)
![Some Examples foo.cljs (ns hello.foo.bar) (defn sum [xs] (reduce + 0 xs))](https://image.slidesharecdn.com/clojure-script-111128040200-phpapp01/85/Presentation-about-ClosureScript-fraemework-7-320.jpg)
![Some Examples Setup your view: <html> <head> <title>Hello ClojureScript</title> </head> <body> <h1>Hello ClojureScript!</h1> <script type="text/javascript" src="hello.js"></script> <script> alert(greet("Everybody know that Jeff is a gay Fish")); alert("The sum of [1,2,3,4,5,6,7,8,9] is: " + hello.core.sum([1,2,3,4,5,6,7,8,9])); </script> </body> </html>](https://image.slidesharecdn.com/clojure-script-111128040200-phpapp01/85/Presentation-about-ClosureScript-fraemework-9-320.jpg)
![More Examples Calling an external JS library Clojure-side.cljls (ns hello.extern-example) (defn ^:export foo [] 42) (external.lib/send_alert "ClojureScript calling a function defined in an externed JavaScript library")](https://image.slidesharecdn.com/clojure-script-111128040200-phpapp01/85/Presentation-about-ClosureScript-fraemework-13-320.jpg)
Presentation about ClosureScript fraemework
- 1. ClojureScript Ilegra – LDC By Jackson dos Santos - @cyber_jso
- 2. What is It? A Clojure API that allow us generate Javascript code from clojure code.
- 3. How it Works? Download API git clone git://github.com/clojure/clojurescript.git cd clojurescript ./script/bootstraP (ns hello) (defn ^:export greet [n] (str "Hello " n)) Do some Clojure Code ./bin/cljsc samples/ldc/src/hello-ldc/hello-ldc.cljs > hello.js Compilie IT
- 4. How it Works? Download API git clone git://github.com/clojure/clojurescript.git cd clojurescript ./script/bootstraP (ns hello) (defn ^:export greet [n] (str "Hello " n)) Do some Clojure Code ./bin/cljsc samples/ldc/src/hello-ldc/hello-ldc.cljs > hello.js Compilie IT
- 5. More About Compilation Phase In order Clojurescript transforms clojure code in JS code. Google closure does It provides dependency management Minification Javascript code. Reduce the code size as small it can Kill dead code
- 6. Some Examples core.cljs (ns hello.core (:require [hello.foo.bar :as bar])) (defn ^{:export greet} greet [n] (str "Hello " n)) (defn ^:export sum [xs] (bar/sum xs))
- 7. Some Examples foo.cljs (ns hello.foo.bar) (defn sum [xs] (reduce + 0 xs))
- 8. Some Examples Compile your code: ./bin/cljsc samples/hello/ > samples/hello/hello.js Or use the optimized format ./bin/cljsc samples/hello/ '{:optimizations :advanced}' > samples/hello/hello.js
- 9. Some Examples Setup your view: <html> <head> <title>Hello ClojureScript</title> </head> <body> <h1>Hello ClojureScript!</h1> <script type="text/javascript" src="hello.js"></script> <script> alert(greet("Everybody know that Jeff is a gay Fish")); alert("The sum of [1,2,3,4,5,6,7,8,9] is: " + hello.core.sum([1,2,3,4,5,6,7,8,9])); </script> </body> </html>
- 10. And Then...
- 11. The generated JS Code The optimized format
- 12. The Generated JS Code The unoptimized format
- 13. More Examples Calling an external JS library Clojure-side.cljls (ns hello.extern-example) (defn ^:export foo [] 42) (external.lib/send_alert "ClojureScript calling a function defined in an externed JavaScript library")
- 14. More Examples Calling an external JS library Library.js external = {}; external.lib = { send_alert : function (msg) { alert("Sending Alert via " + msg + "!"); } };
- 15. More Examples Calling an external JS library View.html <html> <head> <title>Hello Externed JavaScript Library</title> </head> <body> <script type="text/javascript" src="out/goog/base.js"></script> <script type="text/javascript" src="library.js"></script> <script type="text/javascript" src="hello-extern.js"></script> <script> goog.require('hello.extern_example'); </script>
- 16. What Can I Do With Clojurescript? An application that has dependency to others name spaces. Use clojure data structures Integrate it with Nodejs Use the DOM (event handling, build components)
- 17. What Can't i Do With Clojurescript? Clojure transactions feature Agents, Atoms Protocol handling
- 18. What Are the Benefits In Use It? Mix the JS flexibility with the Clojure power Target the web like application plataform Build complex client web applications
- 19. Witch Kind Of Problems Can I've For Starting With It? The application can get complex to test It's alpha Integrate it with JQUERY and others JS libraries. Problems to build the compiled JS Code (Setup your $CLOJURESCRIPT_HOME! Read the all documentation before starting)