Upgrade to Pro — share decks privately, control downloads, hide ads and more …

States, props and React Native

States, props and React Native

Entenda como pensar, estruturar e gerir o seu state de forma inteligente.

7d56c640266eb7aa5c61533de5b2c2e6?s=128

Caio Alcântara

April 08, 2017
Tweet

Transcript

  1. States, props and React Native Gerindo o fluxo de informação

    na sua aplicação de forma inteligente
  2. Quem? Caio Lucas Alcântara - @clucasalcantara Mobile Software Engineer

  3. ONE WAY DATA FLOW

  4. React Native Component LifeCycle

  5. State and Props Variáveis utilizadas para controlar as informações que

    fluem na interface.
  6. State Estado, literalmente. Representa tudo o que está "instanciado" na

    sua aplicação. Sua atualização dispara o render.
  7. Props Informações recebidas na construção do componente, herdadas pelo pai,

    imutáveis.
  8. Evite modelar o state baseando-se na API:

  9. None
  10. Nunca guarde dados derivados do seu estado A idéia é

    aproveitar os side effects condicionados
  11. Seu state deve ser um cidadão de primeira classe Imperativo

    versus Declarativo versus Reativo
  12. Vai dar merda, sempre dá :)

  13. Abordagens com JS para facilitar a manipulação do fluxo Router

    Flux React Navigation Flux ...
  14. ES6/7 Destructuring Arrow functions Async Await ...

  15. None
  16. Gerenciadores de States Frameworks criados para auxiliar na manipulação de

    estados durante a sua aplicação
  17. None
  18. Abstração é bom! Mas não pra aprendizado!! Cuidado ao "caixa

    pretar" as coisas.
  19. Obrigado, gente!!