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

States, props and React Native

Avatar for Caio Alcântara Caio Alcântara
April 08, 2017
Technology
0
48

States, props and React Native

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

Avatar for Caio Alcântara

Caio Alcântara

April 08, 2017
Tweet

Other Decks in Technology

See All in Technology
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
150
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
Avatar for Toru Makabe torumakabe
1
560
量子クラウドサービスの裏側　〜Deep Dive into OQTOPUS〜
Avatar for OQTOPUS oqtopus
0
120
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
1
290
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
240
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
Avatar for kekke-n kekke_n
1
420
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
Avatar for Miki Matsumoto mikimatsumoto
0
240
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
Avatar for khmoryz khmoryz
0
200
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
Avatar for 高棹大樹 daitak
1
370
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
Avatar for empitsu empitsu
4
1.4k
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
630
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
Avatar for maaaato maaaato
0
130

Featured

See All Featured
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
190
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
910
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.1k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
370
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
130

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!!