Pragmatic Functional Programming in the JS land with Clojurescript and Om
1 like3,976 views
This document discusses ClojureScript and Om, a functional programming approach to building user interfaces in JavaScript. It mentions Google Closure Compiler, Om, Reagent, and Quiescent as ClojureScript tools. React.js is described as a view library rather than an MVC framework. ClojureScript is said to make React faster through features like persistent data structures, request animation frame, and the shouldComponentUpdate method. Code examples are offered to demonstrate these concepts.
![DOM Diffing
renderA: <div><span>first</span></div>
renderB: <div><span>second</span><span>first</span></
div>
=> [replaceAttribute textContent 'second'],
[insertNode <span>first</span>]](https://image.slidesharecdn.com/om-cljs-fuconf-141009002850-conversion-gate02/85/Pragmatic-Functional-Programming-in-the-JS-land-with-Clojurescript-and-Om-10-320.jpg)
Pragmatic Functional Programming in the JS land with Clojurescript and Om
- 1. ClojureScript and Om FP in the JS land Vagmi Mudumbai
- 2. @vagmi - on twitter/github/facebook
- 3. + Google Closure Compiler +
- 4. + Om Reagent Quiescent
- 5. React.JS is not a MVC Framework
- 6. React.JS is a view library
- 8. Watchers vs. KVO $scope.$watch model.set, model.get fn.property(‘p1’,’p2@each’)
- 9. B.setState({key: val}) A B C D E A B C D E
- 10. DOM Diffing renderA: <div><span>first</span></div> renderB: <div><span>second</span><span>first</span></ div> => [replaceAttribute textContent 'second'], [insertNode <span>first</span>]
- 12. Persistent data structures FTW
- 14. CLJS makes React Faster
- 15. Show me some code
- 17. Thanks @vagmi on Github/Twitter/Facebook