States, props and React Native

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

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:
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 ...
16. Gerenciadores de States Frameworks criados para auxiliar na manipulação de estados durante a sua aplicação
18. Abstração é bom! Mas não pra aprendizado!! Cuidado ao "caixa pretar" as coisas.
19. Obrigado, gente!!