Cycle.js (Raphael Freitas)

20

Click here to load reader

Transcript of Cycle.js (Raphael Freitas)

Page 1: Cycle.js (Raphael Freitas)
Page 2: Cycle.js (Raphael Freitas)

Conhecendo o Cycle.js

Raphael Porto - @raphaelpor

Page 3: Cycle.js (Raphael Freitas)

O framework X é o melhore você deve reescrever seu sistema

com ele.

Page 4: Cycle.js (Raphael Freitas)

Características

Page 5: Cycle.js (Raphael Freitas)

Functional (clean)&

Reactive (separated)

Page 6: Cycle.js (Raphael Freitas)

Functional (clean)

.map() .filter() .find()

Page 7: Cycle.js (Raphael Freitas)

Reactive (separated)

Page 8: Cycle.js (Raphael Freitas)

Reactive (Streams)

Page 9: Cycle.js (Raphael Freitas)
Page 10: Cycle.js (Raphael Freitas)

Rx.js

Page 11: Cycle.js (Raphael Freitas)

Dialogue Abstraction

Page 12: Cycle.js (Raphael Freitas)

Circular Dependency

a = human(b)b = computer(a)

Page 13: Cycle.js (Raphael Freitas)
Page 14: Cycle.js (Raphael Freitas)

Pure Functions

Page 15: Cycle.js (Raphael Freitas)

Composable

Page 16: Cycle.js (Raphael Freitas)

Exemplo 1https://jsbin.com/cecefo/edit?js,output

Page 17: Cycle.js (Raphael Freitas)

Exemplo 2https://jsbin.com/pibica/edit?js,output

Page 18: Cycle.js (Raphael Freitas)

Exemplo 3https://jsbin.com/daqodi/edit?js,output

Page 20: Cycle.js (Raphael Freitas)

www.concretesolutions.com.brblog.concretesolutions.com.br

Rio de Janeiro – Rua São José, 90 – cj. 2121Centro – (21) 2240-2030

São Paulo - Rua Sansão Alves dos Santos, 433 4º andar - Brooklin - (11) 4119-0449