Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
States, props and React Native
Search
Caio Alcântara
April 08, 2017
Technology
0
44
States, props and React Native
Entenda como pensar, estruturar e gerir o seu state de forma inteligente.
Caio Alcântara
April 08, 2017
Tweet
Share
Other Decks in Technology
See All in Technology
Lufthansa ®️ USA Contact Numbers: Complete 2025 Support Guide
lufthanahelpsupport
0
220
AI専用のリンターを作る #yumemi_patch
bengo4com
6
4.3k
Delta airlines®️ USA Contact Numbers: Complete 2025 Support Guide
airtravelguide
0
340
OpenTelemetryセマンティック規約の恩恵とMackerel APMにおける活用例 / SRE NEXT 2025
mackerelio
2
430
SEQUENCE object comparison - db tech showcase 2025 LT2
nori_shinoda
0
160
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
supportflight
1
110
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
280
品質と速度の両立:生成AI時代の品質保証アプローチ
odasho
1
390
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
1.2k
OSSのSNSツール「Misskey」をさわってみよう(右下ワイプで私のOSCの20年を振り返ります) / 20250705-osc2025-do
akkiesoft
0
170
Delta airlines Customer®️ USA Contact Numbers: Complete 2025 Support Guide
deltahelp
0
840
赤煉瓦倉庫勉強会「Databricksを選んだ理由と、絶賛真っ只中のデータ基盤移行体験記」
ivry_presentationmaterials
2
380
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
A Tale of Four Properties
chriscoyier
160
23k
Making Projects Easy
brettharned
116
6.3k
Gamification - CAS2011
davidbonilla
81
5.4k
What's in a price? How to price your products and services
michaelherold
246
12k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Embracing the Ebb and Flow
colly
86
4.7k
Unsuck your backbone
ammeep
671
58k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Transcript
States, props and React Native Gerindo o fluxo de informação
na sua aplicação de forma inteligente
Quem? Caio Lucas Alcântara - @clucasalcantara Mobile Software Engineer
ONE WAY DATA FLOW
React Native Component LifeCycle
State and Props Variáveis utilizadas para controlar as informações que
fluem na interface.
State Estado, literalmente. Representa tudo o que está "instanciado" na
sua aplicação. Sua atualização dispara o render.
Props Informações recebidas na construção do componente, herdadas pelo pai,
imutáveis.
Evite modelar o state baseando-se na API:
None
Nunca guarde dados derivados do seu estado A idéia é
aproveitar os side effects condicionados
Seu state deve ser um cidadão de primeira classe Imperativo
versus Declarativo versus Reativo
Vai dar merda, sempre dá :)
Abordagens com JS para facilitar a manipulação do fluxo Router
Flux React Navigation Flux ...
ES6/7 Destructuring Arrow functions Async Await ...
None
Gerenciadores de States Frameworks criados para auxiliar na manipulação de
estados durante a sua aplicação
None
Abstração é bom! Mas não pra aprendizado!! Cuidado ao "caixa
pretar" as coisas.
Obrigado, gente!!