Apresentação de Introdução ao React Native, realizada no 2 Meetup React Blumenau - SC

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.
● 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
},
});
<Text style={styles. icones}> Icones </Text>
Folhas de Estilo

4. ● JAVASCRIPT
● Cobertura para Android e IOS (Sistemas operacionais mais usados)
● Componentes reutilizáveis, renderizando de forma nativa
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

9. Código

10. ● 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

11. Perguntas?

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