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
TLSから見るSREの未来
atpons
2
240
ビジネス職が分析も担う事業部制組織でのデータ活用の仕組みづくり / Enabling Data Analytics in Business-Led Divisional Organizations
zaimy
1
310
Delegating the chores of authenticating users to Keycloak
ahus1
0
180
〜『世界中の家族のこころのインフラ』を目指して”次の10年”へ〜 SREが導いたグローバルサービスの信頼性向上戦略とその舞台裏 / Towards the Next Decade: Enhancing Global Service Reliability
kohbis
3
1.1k
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
180
20250708オープンエンドな探索と知識発見
sakana_ai
PRO
4
860
VS CodeとGitHub Copilotで爆速開発!アップデートの波に乗るおさらい会 / Rapid Development with VS Code and GitHub Copilot: Catch the Latest Wave
yamachu
2
340
事例で学ぶ!B2B SaaSにおけるSREの実践例/SRE for B2B SaaS: A Real-World Case Study
bitkey
1
340
Delta airlines Customer®️ USA Contact Numbers: Complete 2025 Support Guide
deltahelp
0
1.1k
スタックチャン家庭用アシスタントへの道
kanekoh
0
110
SEQUENCE object comparison - db tech showcase 2025 LT2
nori_shinoda
0
280
[ JAWS-UG千葉支部 x 彩の国埼玉支部 ]ムダ遣い卒業!FinOpsで始めるAWSコスト最適化の第一歩
sh_fk2
2
150
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Statistics for Hackers
jakevdp
799
220k
For a Future-Friendly Web
brad_frost
179
9.8k
Rails Girls Zürich Keynote
gr2m
95
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Visualization
eitanlees
146
16k
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!!