From FRP to React

@LilyStudio

Transcript

1. FROM FRP TO REACT Cee@LilyStudio 15.04.12
2. FUNCTIONAL REACTIVE PROGRAMMING • Functional vs. Imperative • Lambda Calculus • Reactive vs. Imperative • a = b + c
3. WHAT WE CONCERN • Input and Output
4. “The output is a function of all inputs up to that time.”
5. WHAT WE CONCERN • Input and Output • State
6. MVC • Model • View • Controller
7. MVVM • Model • View • View Model
8. • Data-binding • Subscribe and Observable
9. FRAMEWORKS • Web: Angular, React • iOS: ReactiveCocoa • Android: RoboBinding • Cross: React-native
10. REACTIVECOCOA • Stream: Signal and Sequence • Subscribe: Next, Error and Completed • Transformations: Filter, Map, Reduce, Fold… • Dealing with Async Methods • Chaining Dependent Operations
11. EXAMPLE • Login Page
12. REACT • Virtual DOM • Render Page and Re-render • Component
13. EXAMPLE • Simple Component
14. REFERENCES • Wiki: Functional Programming • Wiki: Reactive Programming • Input and Output
15. THE END