O documento introduz React Native, uma biblioteca que permite o desenvolvimento de aplicativos móveis nativos usando Javascript e React. Ele explica que React Native usa componentes ao invés de HTML e possui folhas de estilo em Javascript ao invés de CSS. Também lista alguns casos de uso e empresas que usam React Native, como Facebook e Instagram.

1. Introdução a React Native
Nurielly Caroline Brizola

2. ● 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. Sem diferença perceptível entre aplicativos criado usando
Java ou Object C.
● Não utiliza HTML para processar o aplicativo (div, input, ...), mas possui
componentes alternativos, que funcionam de forma parecida.
View == div
Text == p
O que é REACT NATIVE?

3. ● 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
},
});
Folhas de Estilo

4. ● JAVASCRIPT
● Cobertura para Android e IOS (Sistemas operacionais mais usados)
● Componentes reutilizáveis, renderizando de forma nativa
● Aplicativos nativos são mais eficientes
● Menos uso de memória.
Por que usar React Native

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

6. ● Facebook
● Instagram
● SoundClound
● Walmart
Quem usa React Native

7. Preparando o ambiente
React Native Cli Android Studio
> 6.0
Node JSPython

8. Projeto - Jokenpo

9. ● 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 = Empate
Pedra e Papel = Papel enrola Pedra
Pedra e Tesoura = Pedra quebra Tesoura
Papel e Tesoura = Tesoura corta Papel

10. Códigooo !!

11. Perguntas?

12. Contato
Facebook: Nurielly Caroline Brizola
Github: @nurielly
Email: nurycaroline@gmail.com
Skype: nurielly.caroline