Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

States, props and React Native

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Caio Alcântara Caio Alcântara
April 08, 2017
Technology
66
0

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

Other Decks in Technology

See All in Technology
CLIライブラリ開発を支える技術
Avatar for Hiroshi TANABE htnabe
0
150
AIを活用するために決めた "やらないこと" - 価値に注目する / Not betting on AI
Avatar for soudai sone soudai
PRO
3
590
白金鉱業Meetup Vol.25 アウトカムが二値のデータに対するCausal Impact
Avatar for BrainPad brainpadpr
0
290
あけおめLINE 傾向とその対策
Avatar for nasa9084 nasa9084
0
300
バイブコーディング時代のWebアプリ開発入門~Cloud Runで学ぶセキュアなビルドとデプロイ
Avatar for 尾﨑勇太/Yuta Ozaki waiwai2111
1
140
AI 時代のスタートアップエコシステ厶から考究する技術的負債との向き合い方
Avatar for memory m3m0r7
PRO
3
2.6k
積み重なった技術負債への挑戦 〜初手としての全社ゴト化〜
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
1.6k
AIエージェントの一手は 誰も見ていない - Falco拡張OSS「Prempti」とeBPFで サーバーレス実行基盤を二層防御する
Avatar for がっきー（がっきー） keitah
0
490
ScotSecure West 2026 - Glasgow
Avatar for Ray Bugg raybugg
0
150
C#未経験の僕がAIに読めるコードを書かせるまで
Avatar for マグロ隊長kinTV maguroalternative
0
250
作って終わりじゃないサーバーレス 〜9年運用する大規模EC物流API基盤の設計・運用のリアル〜
Avatar for ZOZO Developers zozotech
PRO
0
470
負債のメタファと2026年 / Debt Metaphor in Agentic Engineering Age 202609 Edition
Avatar for Takuto WADA twada
PRO
11
6.4k

Featured

See All Featured
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.6k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
HDC tutorial
Avatar for Michiel Stock michielstock
2
880
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
370
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.8k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
530
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
500
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
520
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
10
36k

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