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?

●Facebook

●Instagram

●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