Aplicações Web - um estudo sobre React

Aplicações Web - um estudo sobre React

Esta palestra tem como objetivo revisitar conceitos de aplicações escritas para funcionar na Internet. Veremos quais as vantagens e principais tendências para criação de experiências de usuário diferenciadas. Iremos abordar escrita de código no universo React focando em resultados.

C5df370a883b65279af5a7ca94a5eed7?s=128

Jean Carlo Emer

May 15, 2016
Tweet

Transcript

  1. 4.
  2. 5.
  3. 6.
  4. 7.
  5. 9.
  6. 11.
  7. 21.

    0,1 segundos é impercebível 1 segundo é aceitável 10 segundos

    é mais que o suficiente para perder o usuário
  8. 22.

    usuários esperam que as páginas carreguem em 
 2 segundos

    forrester consulting - http://bit.ly/1ttKspI
  9. 23.

    após 3 segundos quase a metade dos usuários irão abandonar

    seu site forrester consulting - http://bit.ly/1ttKspI
  10. 25.
  11. 27.

    ...

  12. 30.

    alterar os elementos do documento sem critérios não é performático

    fugir da chuva de reflows não é tarefa fácil
  13. 31.

    os estados da aplicação e a barra de endereço devem

    ter sincronia o botão voltar do navegador precisa ter sentido
  14. 32.

    a lógica para controle das interações é complexa e precisa

    ser bem pensada deixar o usuário num estado inconsistente não é uma boa
  15. 34.

    manter o código enxuto e planejar seu download faz parte

    da experiência o código da sua aplicação será baixado a cada acesso?!
  16. 36.

    os motores de busca devem reconhecer o conteúdo do seu

    site algumas aplicações também precisam ser encontradas
  17. 55.

    código pode ser executado antes e depois da interface ser

    montada #ComponentWillMount
 #ComponentDidMount
  18. 73.

    Valor: R$50,00 Quantidade: 1 execução no cliente
 comportamento 
 é

    adicionado à 
 interface Valor: R$50,00 Quantidade: 1
  19. 74.
  20. 87.

    • store unificada para os dados • stream de eventos

    • escopo de css • css inline • ...
  21. 90.

    react permite focar nos estados da interface ao invés das

    modificações a serem aplicadas rodrigo
 @rodrigowillrich
  22. 92.

    react router permite definir as rotas de maneira simples e

    declarativa rodrigo
 @rodrigowillrich
  23. 94.
  24. 96.

    react ajudou a construir o globoplay e já apoia o

    desenvolvimento de outros produtos renan
 @aitherios