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
49

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
夢の無限スパゲッティ製造機 #phperkaigi
Avatar for hideki kinjyo o0h
PRO
0
370
CloudFrontのHost Header転送設定でパケットの中身はどう変わるのか？
Avatar for nagisa_53 nagisa53
1
190
やさしいとこから始めるGitHubリポジトリのセキュリティ
Avatar for Yuta Matsumura tsubakimoto_s
2
1.4k
DMBOKを使ってレバレジーズのデータマネジメントを評価した
Avatar for Tech Leverages leveragestech
0
270
Why we keep our community?
Avatar for Yasunobu Kawaguchi kawaguti
PRO
0
260
The Rise of Browser Automation: AI-Powered Web Interaction in 2026
Avatar for Marc Thompson marcthompson_seo
0
310
俺の/私の最強アーキテクチャ決定戦開催 ― チームで新しいアーキテクチャに適合していくために / 20260322 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
450
AWS Systems Managerのハイブリッドアクティベーションを使用したガバメントクラウド環境の統合管理
Avatar for Toru_Kubota toru_kubota
0
160
RGBに陥らないために -プロダクトの価値を届けるまで-
Avatar for RightTouch righttouch
PRO
0
110
AI時代のIssue駆動開発のススメ
Avatar for Atsushi Nakatsugawa moongift
PRO
0
240
スピンアウト講座04_ルーティン処理
Avatar for overflow ,Inc overflowinc
0
1.2k
【社内勉強会】新年度からコーディングエージェントを使いこなす - 構造と制約で引き出すClaude Codeの実践知
Avatar for nwiizo nwiizo
24
12k

Featured

See All Featured
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.8k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
3
480
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.2k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
160
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Design in an AI World
Avatar for tapps tapps
0
180

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