Tweet
Tweet

Slide 1

Slide 1 text

FROM FRP TO REACT Cee@LilyStudio 15.04.12

Slide 2

Slide 2 text

FUNCTIONAL REACTIVE PROGRAMMING • Functional vs. Imperative • Lambda Calculus • Reactive vs. Imperative • a = b + c

Slide 3

Slide 3 text

WHAT WE CONCERN • Input and Output

Slide 4

Slide 4 text

“The output is a function of all inputs up to that time.”

Slide 5

Slide 5 text

WHAT WE CONCERN • Input and Output • State

Slide 6

Slide 6 text

MVC • Model • View • Controller

Slide 7

Slide 7 text

MVVM • Model • View • View Model

Slide 8

Slide 8 text

• Data-binding • Subscribe and Observable

Slide 9

Slide 9 text

FRAMEWORKS • Web: Angular, React • iOS: ReactiveCocoa • Android: RoboBinding • Cross: React-native

Slide 10

Slide 10 text

REACTIVECOCOA • Stream: Signal and Sequence • Subscribe: Next, Error and Completed • Transformations: Filter, Map, Reduce, Fold… • Dealing with Async Methods • Chaining Dependent Operations

Slide 11

Slide 11 text

EXAMPLE • Login Page

Slide 12

Slide 12 text

REACT • Virtual DOM • Render Page and Re-render • Component

Slide 13

Slide 13 text

EXAMPLE • Simple Component

Slide 14

Slide 14 text

REFERENCES • Wiki: Functional Programming • Wiki: Reactive Programming • Input and Output

Slide 15

Slide 15 text

THE END