More Related Content
Similar to LeapMotion for Web with React and Flux (20)
LeapMotion for Web with React and Flux
- 10. LeapJS : WebSocket Communication
- 12. Why React? https://facebook.github.io/react/docs/displaying-data.html “It uses a fast, internal mock DOM to perform diffs and computes the most efficient DOM mutation for you.” Frame Data View State DOM
- 13. Data Flow with Flux https://facebook.github.io/flux/docs/overview.html
- 14. Demo LeapJs – React - Flux https://github.com/lauramoore/leap-react-noob/
- 15. OOB : Components ● React-Object- Inspector React-Bootstrap ● Well ● Label ● Jumbotron https://react-bootstrap.github.io/ https://github.com/xyc/react -object-inspector
- 16. React Win: Inline Styles http://stackoverflow.com/questions/26882177/react-js-inline-style-best-practices
- 17. CSS … what were we thinking? https://speakerdeck.com/vjeux/react-css-in-js
- 19. Flux Question : What is Leap.Controller? ? ?
- 20. Controller → Store Data
- 22. Model → View
- 24. Leap Challenge : Hand List Demo : Magic Swapping Hands?
- 25. Challenge Accepted : Sorted Hand List
- 26. Leap Challenge : Hand List Demo : Sorted Hands Stable Behavior
- 27. Leap Challenge : Space to Screen Demo : Sorted Hands Stable Behavior
- 28. Challenge Accepted : Normalized Point
- 29. Challenge Accepted: Scale to View
- 30. Demo : Normalized vs Not Normalized
- 32. Flux Challenge : Ignoring Events
- 33. Challenge Accepted: Immutable Stores (TBD)