Introdução React Natibe

Apresentação realizada no 2 Meetup React Blumenau-SC

Transcript

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