Isso é um módulo ou não?
É melhor criar uma diretiva para isso?
Slide 11
Slide 11 text
Isso é um módulo ou não?
É melhor criar uma diretiva para isso?
É melhor criar um service para isso?
Slide 12
Slide 12 text
Isso é um módulo ou não?
É melhor criar uma diretiva para isso?
É melhor criar um service para isso?
Ou eu crio um factory?
Slide 13
Slide 13 text
Isso é um módulo ou não?
É melhor criar uma diretiva para isso?
É melhor criar um service para isso?
Ou eu crio um factory?
Por que essa tralha não funciona?
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
React
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
Tá, então você pode construir
aplicativos com ele?
Slide 22
Slide 22 text
Tá, então você pode construir
aplicativos com ele?
github.com/facebook/react/wiki/Complementary-Tools
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
Fluxø
Slide 25
Slide 25 text
Flux
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
Primeiras Impressões
Slide 28
Slide 28 text
Primeira Impressão
BtnLike.jsx
Slide 29
Slide 29 text
Primeira Impressão
BtnLike.jsx
WTF?
Slide 30
Slide 30 text
Primeira Impressão
BtnLike.jsx
“Achei Feio”
Slide 31
Slide 31 text
Primeira Impressão
BtnLike.jsx
“Achei Feio”
“O HTML deveria ser
separado do JS”
Slide 32
Slide 32 text
Primeira Impressão
BtnLike.jsx
“Achei Feio”
“O HTML deveria ser
separado do JS”
“Então o React é
templating language”
Slide 33
Slide 33 text
Não se preocupe…
JSX gera o JavaScript pós-compilação
Slide 34
Slide 34 text
Não se preocupe…
JSX gera o JavaScript pós-compilação
O código gerado corre mais rápido do
que um código equivalente escrito
diretamente em JavaScript.
Slide 35
Slide 35 text
Não se preocupe…
JSX gera o JavaScript pós-compilação
O código gerado corre mais rápido do
que um código equivalente escrito
diretamente em JavaScript.
… e o React não é um templating
language
Slide 36
Slide 36 text
Não se preocupe…
JSX gera o JavaScript pós-compilação
O código gerado corre mais rápido do
que um código equivalente escrito
diretamente em JavaScript.
… e o React não é um templating
language
Slide 37
Slide 37 text
Segunda Impressão
“ Ahhhh! Existe Data-Binding assim como o Angular.js! ”
“ Ahhhh! Eu consigo rodar isso com o Backbone, certo? ”
“ Ahhhh! Eu consigo fazer animações e SVG! ”
Slide 38
Slide 38 text
Segunda Impressão
“ Ahhhh! Existe Data-Binding assim como o Angular.js! ”
“ Ahhhh! Eu consigo rodar isso com o Backbone, certo? ”
“ Ahhhh! Eu consigo fazer animações e SVG! ”
Opa! Espera um pouco!
Slide 39
Slide 39 text
Alguns Fundamentos
Slide 40
Slide 40 text
#1 Tudo é um Componente
Slide 41
Slide 41 text
React não tem….
Slide 42
Slide 42 text
React não tem….
…controllers
Slide 43
Slide 43 text
React não tem….
…controllers
…directive
Slide 44
Slide 44 text
React não tem….
…controllers
…directive
…templates
Slide 45
Slide 45 text
React não tem….
…controllers
…directive
…templates
…global event listeners
Slide 46
Slide 46 text
React não tem….
…controllers
…directive
…templates
…global event listeners
…models