Meet React

Meet React

Talk about React. The new open-source JS library from Facebook and Instagram, is a different way to write JavaScript apps.

Ed35943d3199ea37b1b60c39615e8163?s=128

Raphael Amorim

March 24, 2015
Tweet

Transcript

  1. 3.
  2. 4.
  3. 6.
  4. 7.
  5. 8.
  6. 11.

    Isso é um módulo ou não? É melhor criar uma

    diretiva para isso? É melhor criar um service para isso?
  7. 12.

    Isso é um módulo ou não? É melhor criar uma

    diretiva para isso? É melhor criar um service para isso? Ou eu crio um factory?
  8. 13.

    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?
  9. 14.
  10. 15.
  11. 16.
  12. 17.
  13. 18.
  14. 19.
  15. 20.
  16. 23.
  17. 24.
  18. 25.
  19. 26.
  20. 32.

    Primeira Impressão BtnLike.jsx “Achei Feio” “O HTML deveria ser separado

    do JS” “Então o React é templating language”
  21. 34.

    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.
  22. 35.

    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
  23. 36.

    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
  24. 37.

    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! ”
  25. 38.

    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!
  26. 49.
  27. 50.
  28. 51.
  29. 52.
  30. 53.
  31. 67.
  32. 68.
  33. 69.
  34. 74.

    Virtual DOM É rápido É puro É o javascript puro,

    como abstração do DOM Renderiza totalmente
  35. 79.