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
46

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
Dify on AWS 環境構築手順
Avatar for Hiroaki Yoshimura yosse95ai
0
140
Biz職でもDifyでできる！ 「触らないAIワークフロー」を実現する方法
Avatar for kanacan igarashikana
7
3.5k
AI時代の発信活動 ～技術者として認知してもらうための発信法～ / 20251028 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
100
[re:Inent2025事前勉強会(有志で開催)] re:Inventで見つけた人生をちょっと変えるコツ
Avatar for sh_fk2 sh_fk2
1
430
OSSで50の競合と戦うためにやったこと
Avatar for yamadashy / やまだし yamadashy
3
1k
What's new in OpenShift 4.20
Avatar for Red Hat Livestreaming redhatlivestreaming
0
290
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか？~
Avatar for curekoshimizu curekoshimizu
3
840
Linux カーネルが支えるコンテナの仕組み / LF Japan Community Days 2025 Osaka
Avatar for tenforward tenforward
1
130
ゼロコード計装導入後のカスタム計装でさらに可観測性を高めよう
Avatar for SansanTech sansantech
PRO
1
470
生成AI時代のPythonセキュリティとガバナンス
Avatar for abenben abenben
0
140
AI時代の開発を加速する組織づくり - ブログでは書けなかったリアル
Avatar for Hiro hiro8ma
2
320
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
Avatar for LayerX layerx
PRO
3
1.1k

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
209
24k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.9k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4k

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