Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introdução ao Universo React Native

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for DevTalks Bauru DevTalks Bauru
October 30, 2018
Programming
0
370

Introdução ao Universo React Native

Talk do Wendel Freitas

Avatar for DevTalks Bauru

DevTalks Bauru

October 30, 2018
Tweet

More Decks by DevTalks Bauru

See All by DevTalks Bauru
Construindo Microsserviços a partir de um Monolito
Avatar for DevTalks Bauru devtalksbauru
0
240
Robôs para Mercado Financeiro com MQL
Avatar for DevTalks Bauru devtalksbauru
1
210
Go, Goroutines, Concorrência e Outros Bichos
Avatar for DevTalks Bauru devtalksbauru
0
88
Como Garantir a Qualidade da Sua Aplicação
Avatar for DevTalks Bauru devtalksbauru
0
100
BDD - Além da Automação
Avatar for DevTalks Bauru devtalksbauru
0
93
PHP7 - Not for kids
Avatar for DevTalks Bauru devtalksbauru
0
49
A verdade sobre Frameworks
Avatar for DevTalks Bauru devtalksbauru
0
55
Home Office: Você e a sua empresa estão preparados?
Avatar for DevTalks Bauru devtalksbauru
0
140
DevTalks #16 - Diminua seu código Java com Kotlin
Avatar for DevTalks Bauru devtalksbauru
0
220

Other Decks in Programming

See All in Programming
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
670
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
210
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
220
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
280
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.9k
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.2k

Featured

See All Featured
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
160
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
0
320
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
91
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
96
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
80
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
420
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
230

Transcript

  1. Introdução ao universo 1 REACT NATIVE

  2. 2 Wendel Freitas Software Developer - @scaffoldeducation github.com/wendelfreitas medium.com/@wendelfreitas Wendel

    Freitas

  3. Demonstrar o poder e a facilidade do React Native

  4. Compartilhar conhecimento

  5. Provocar a curiosidade por tecnologias “bleeding-edge”

  6. 6 O QUE É REACT? O QUE ELE RESOLVE? Exemplo:

    • Fazer café • Estudar React Native • Estudar Apollo O QUE É REACT NATIVE?

  7. Por que usar React?

  8. “learn once, write anywhere” 8

  9. Mantido pelo Facebook

  10. 10 + MOTIVOS • VELOCIDADE NA RENDERIZAÇÃO • COMPONENTES REUTILIZÁVEIS

    • A ARQUITETURA NÃO É IMPOSTA • PERFORMÁTICO • COMUNIDADE E MERCADO

  11. Downloads pelo NPM

  12. 12 THREADS E BRIDGE Main Thread Javascript Shadow Queue

  13. 13 QUANDO EU PRECISO DA BRIDGE? • INTEGRAÇÃO SDK DE

    TERCEIROS • ALTA PERFORMANCE É CRUCIAL • TRABALHANDO COM APLICATIVOS “BROWNFIELD” • CONSUMIR MUITA CPU

  14. Comparativo 14

  15. 15 COMO COMEÇAR? Dependências

  16. Hello World! 16 App.js

  17. 17 Funções Componente

  18. 18 _handleAlert _handleAlertWithOptions

  19. 19 React Navigation

  20. 20 React Navigation Router Flux Redux Thunk Flow PropTypes

  21. 184.412 STARS NO GITHUB (React + React Native) 21

  22. SHOWCASE TIME 22

  23. 23

  24. 24

  25. 25 Obrigado! Perguntas? Contatos ▫ github.com/wendelfreitas ▫ [email protected]