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

Introdução ao Universo React Native

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for DevTalks Bauru DevTalks Bauru
October 30, 2018
Programming
380
0

Introdução ao Universo React Native

Talk do Wendel Freitas

Avatar for DevTalks Bauru

DevTalks Bauru

October 30, 2018

More Decks by DevTalks Bauru

See All by DevTalks Bauru
Construindo Microsserviços a partir de um Monolito
Avatar for DevTalks Bauru devtalksbauru
0
260
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
110
Como Garantir a Qualidade da Sua Aplicação
Avatar for DevTalks Bauru devtalksbauru
0
120
BDD - Além da Automação
Avatar for DevTalks Bauru devtalksbauru
0
110
PHP7 - Not for kids
Avatar for DevTalks Bauru devtalksbauru
0
57
A verdade sobre Frameworks
Avatar for DevTalks Bauru devtalksbauru
0
71
Home Office: Você e a sua empresa estão preparados?
Avatar for DevTalks Bauru devtalksbauru
0
160
DevTalks #16 - Diminua seu código Java com Kotlin
Avatar for DevTalks Bauru devtalksbauru
0
230

Other Decks in Programming

See All in Programming
mrbgem 三角測量 開発
Avatar for ogom ogom
0
240
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
530
Railsバージョンを4倍にした話
Avatar for OPTiM optim
0
150
Kotlinの15年とServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
140
GemmaをJevのように使ってみる / Use Gemma like Jev
Avatar for Naoki Kishida kishida
5
780
PumaからFalconに移行したRailsアプリケーションでの実践
Avatar for Hayato OKUMOTO falcon8823
0
120
Findy - エンジニア向け会社紹介/Findy Company Deck
Avatar for Findy findyinc
6
400k
Simple Storage Service(S3) is not simple
Avatar for Yura Iwatsuka iwatsukayura
0
280
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
Avatar for akase244 akase244
0
150
contenteditable と日本語入力に向き合う
Avatar for taki colorful12
0
190
Workers Cache を知る
Avatar for syumai syumai
0
360
外から家のPCの電源入れたい！をＰＨＰで解決する
Avatar for かわしも（Shimokawa Shion） kawashimo0
1
130

Featured

See All Featured
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.7k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
600
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.2k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
560
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.3k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
59k
Fireside Chat
Avatar for paigeccino paigeccino
43
4.1k

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]