meetup react native
Post on 21-Feb-2017
146 Views
Preview:
TRANSCRIPT
Introdução a React NativeNurielly Caroline Brizola
●Uma biblioteca criada pelo Facebook, usando Javascript e React, para tornar o desenvolvimento para aplicações móveis mais rápido e permitir o desenvolvimento de aplicativos nativos com a interface com componentes.
●Não utiliza HTML para processar o aplicativo (div, input, ...), mas possui componentes alternativos, que funcionam de forma parecida.
View == div Text == p
z
O que é REACT NATIVE?
●Para compor os componentes tem as Folhas de Estilo em Javascript. Parece Css, mas não é.
const styles = StyleSheet.create({ icones: { marginTop: 20,
fontSize: 25, fontWeight: 'bold', color: 'red', height: 60
}, });
<Text style={styles. icones}> Icones </Text>
Folhas de Estilo
● JAVASCRIPT
●Cobertura para Android e IOS (Sistemas operacionais mais usados)
●Componentes reutilizáveis, renderizando de forma nativa
Por que usar React Native
●Quer utiliza o mesmo código para as diversas plataformas existentes (Android, IOS, Windows Phone, PS4, Xbox, 3DS, ...)
●É apaixonado por Java ou Objective C
●Já possui um aplicativo desenvolvido em Java ou Objective C ?
Casos para não usar
Isso realmente seria um caso para não usar?
●SoundClound
●Walmart
Quem usa React Native
Preparando o ambiente
React Native Cli
Android Studio> 6.0
Node JSPython
Projeto
Código
●O usuário terá 3 opções: Pedra, Papel ou Tesoura.
●O computador também irá escolher uma das 3 opções aleatoriamente.
●Regras: Pedra e Pedra ||
Papel e Papel || Tesoura e Tesoura =
EmpatePedra e Papel = Papel enrola PedraPedra e Tesoura = Pedra quebra TesouraPapel e Tesoura = Tesoura corta Papel
Perguntas?
ContatoFacebook: Nurielly Caroline Brizola
Github: @nurielly
Email: nurycaroline@gmail.com
Skype: nurielly.caroline
top related