ClojureScript and Om 
FP in the JS land 
Vagmi Mudumbai
@vagmi - on twitter/github/facebook
+ 
Google Closure Compiler 
+
+ 
Om 
Reagent 
Quiescent
React.JS is not a MVC Framework
React.JS is a view library
And…. its fast
Watchers vs. KVO 
$scope.$watch 
model.set, 
model.get 
fn.property(‘p1’,’p2@each’)
B.setState({key: val}) 
A 
B 
C D E 
A 
B 
C D E
DOM Diffing 
renderA: <div><span>first</span></div> 
renderB: <div><span>second</span><span>first</span></ 
div> 
=> [repl...
shouldComponentUpdate()
Persistent data structures 
FTW
Request Animation Frame
CLJS makes React Faster
Show me some code
Source: http://gif-central.blogspot.in/2013/07/family-guy-css.html
Thanks 
@vagmi on Github/Twitter/Facebook
Upcoming SlideShare
Loading in …5
×

Pragmatic Functional Programming in the JS land with Clojurescript and Om

3,662 views

Published on

These are slides for my functional conf talk about Om and ClojureScript

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,662
On SlideShare
0
From Embeds
0
Number of Embeds
2,588
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Pragmatic Functional Programming in the JS land with Clojurescript and Om

  1. 1. ClojureScript and Om FP in the JS land Vagmi Mudumbai
  2. 2. @vagmi - on twitter/github/facebook
  3. 3. + Google Closure Compiler +
  4. 4. + Om Reagent Quiescent
  5. 5. React.JS is not a MVC Framework
  6. 6. React.JS is a view library
  7. 7. And…. its fast
  8. 8. Watchers vs. KVO $scope.$watch model.set, model.get fn.property(‘p1’,’p2@each’)
  9. 9. B.setState({key: val}) A B C D E A B C D E
  10. 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>]
  11. 11. shouldComponentUpdate()
  12. 12. Persistent data structures FTW
  13. 13. Request Animation Frame
  14. 14. CLJS makes React Faster
  15. 15. Show me some code
  16. 16. Source: http://gif-central.blogspot.in/2013/07/family-guy-css.html
  17. 17. Thanks @vagmi on Github/Twitter/Facebook

×