meetup react native

12
Introdução a React Native Nurielly Caroline Brizola

Upload: nurielly-caroline-brizola

Post on 21-Feb-2017

148 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Meetup React Native

Introdução a React NativeNurielly Caroline Brizola

Page 2: Meetup React Native

●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?

Page 3: Meetup 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

Page 4: Meetup React Native

● JAVASCRIPT

●Cobertura para Android e IOS (Sistemas operacionais mais usados)

●Componentes reutilizáveis, renderizando de forma nativa

Por que usar React Native

Page 5: Meetup 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?

Page 6: Meetup React Native

●Facebook

●Instagram

●SoundClound

●Walmart

Quem usa React Native

Page 7: Meetup React Native

Preparando o ambiente

React Native Cli

Android Studio> 6.0

Node JSPython

Page 8: Meetup React Native

Projeto

Page 9: Meetup React Native

Código

Page 10: Meetup React Native

●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

Page 11: Meetup React Native

Perguntas?

Page 12: Meetup React Native

ContatoFacebook: Nurielly Caroline Brizola

Github: @nurielly

Email: [email protected]

Skype: nurielly.caroline