Introdução a React Native

Apresentação de talk no 2º Meetup React de Bluemau

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 JS Python

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: [email protected] Skype: nurielly.caroline