Criando apps com
React Native
@weslley_neri
weslley39
Slide 2
Slide 2 text
Desenvolver apps atualmente
1 - Ciclo de desenvolvimento “lento”
2 - Equipes separadas por plataforma
3 - API’s distintas para fazer as mesmas coisas
Slide 3
Slide 3 text
Solução
WebViews
Ionic
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
Mas pq não ?
1 - Performance baixa
2 - Experiência do usuário inferior
3 - Funcionalidades nativas limitadas
Slide 6
Slide 6 text
Porque preferimos apps nativos?
๏ Melhor experiencia para o usuário
๏ Complexidade de gestos e animações
๏ Consistencia com a plataforma
Slide 7
Slide 7 text
Desenvolver apps nativos é difícil
๏ Diferentes tecnologias
Linguagem, Ferramentas, Bibliotecas, Gerenciamento de memória, etc
๏ Sem compartilhamento de código
๏ Baixa interação no desenvolvimento
Slide 8
Slide 8 text
React native
Slide 9
Slide 9 text
Write Once
Run Everywhere
Slide 10
Slide 10 text
Write Once
Run Everywhere
Slide 11
Slide 11 text
Diferentes plataformas
exigem experiências de
usuário diferentes
Slide 12
Slide 12 text
Learn Once
Run Everywhere
Slide 13
Slide 13 text
O que é react native?
Slide 14
Slide 14 text
Framework para criar
apps nativos com react
Slide 15
Slide 15 text
Criado pelo facebook
Slide 16
Slide 16 text
Quem esta usando ?
Facebook Discovery VR SoundCloud
BdsDiet Bitt Wallet Calor
Slide 17
Slide 17 text
UI funcional baseado em componentes
Front-end em javascript (ES6, NPM, Css, Flexbox)
Layout com JSX
Backend nativo (UIKit, Network, Storage, Location)
Slide 18
Slide 18 text
CSS
Slide 19
Slide 19 text
Componentes
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
API’s nativas
Slide 22
Slide 22 text
Como funciona?
Slide 23
Slide 23 text
Como funciona?
๏ React native deixa você descrever a UI
๏ React native manipula como renderizar o conteúdo
๏ Dispõe de componentes reutilizáveis que compilam
diretamente para componentes nativos da plataforma
๏ Tudo que você precisa saber é como usar os
componentes disponíveis
Slide 24
Slide 24 text
Desenvolver apps nativos agora é mais
fácil
๏ Diferentes tecnologias
๏ Baixo compartilhamento de código
๏ Baixa interação no desenvolvimento
๏ HTML/CSS/Javascript
๏ Reutilização de código
๏ Atualização instantânea de alterações com Hot reload