Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Meetup React Native

241 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Meetup React Native

  1. 1. Introdução a React Native Nurielly Caroline Brizola
  2. 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. 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. 4. ● JAVASCRIPT ● Cobertura para Android e IOS (Sistemas operacionais mais usados) ● Componentes reutilizáveis, renderizando de forma nativa Por que usar React Native
  5. 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. 6. ● Facebook ● Instagram ● SoundClound ● Walmart Quem usa React Native
  7. 7. Preparando o ambiente React Native Cli Android Studio > 6.0 Node JSPython
  8. 8. Projeto
  9. 9. Código
  10. 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. 11. Perguntas?
  12. 12. Contato Facebook: Nurielly Caroline Brizola Github: @nurielly Email: nurycaroline@gmail.com Skype: nurielly.caroline

×