Produtividade e eficiência no
desenvolvimento mobile
@Renan Pupin
start()
● Primeiro versão do app em Xamarin
● Instabilidades, fluidez
● Falta de profissionais com experiência
O problema
Solução
“Learn once, write anywhere!”
Quem usa?
● Cross-platform
● Fácil adaptação para desenvolvedores web
● Eficiência de profissionais
● Alta reusabilidade de código
● Performance
● Open source
Vantagens
Arquitetura
Componentes
View
Text
TextInput
Touchables
<input>
<div>
<button>
<p>
RN Web
APIs
AsyncStorage
NetInfo Vibration
Geolocation
CameraRoll Notifications
Código
● JSX (javascript + html)
● ES7 (melhor semântica no javascript)
● CSS (flexbox)
● Instalar
npm install -g react-native-cli
● Criar projeto
react-native init meetup
● Executar
react-native run-ios
Workflow
Dependências
● Nodejs
● NPM
● XCode (iOS)
● Android SDK
Hands on!
Desafios
● RN 0.50
● Uso de bridges (open source)
● Comunidade
● Networking
● Styleguide
● Documentação
Dúvidas?
Obrigado!
renan.pupin@gmail.com

React Native - Produtividade e eficiência no desenvolvimento mobile