O documento apresenta uma introdução ao React Native, incluindo como ele usa HTML, CSS e JSX para construir aplicativos nativos para Android e iOS. Também discute como configurar o ambiente de desenvolvimento, debugar aplicativos e o funcionamento do Expo para rodar aplicativos em emuladores e dispositivos.

1. Introdução
Por: Diego Telles
@ODiihTelles

2. O que é o ReactNative?
● Native mobile Apps
Event Bridge

3. Ele usa HTML e CSS?

4. Ele usa HTML e CSS?

5. O que é JSX
● Caracteristicas:
– Rapido
– Mais segura
– Mais fácil

6. Curiosidade
ES6
AppRegistry.registerComponent('MyFirstProject', () => DemoPalestra);
A versão JavaScript ES5 do código acima seria:
AppRegistry.registerComponent('MyFirstProject', function() {
return DemoPalestra
});

7. Quem usa React hoje?

8. Como ele funciona?

9. Imports
● StyleSheet,
● Text,
● View,
● Image,
● TextInput,
● ScrollView,
● Alert,
● Button,

10. Construindo um Layout
● Tags

11. Styles
● Declaramos na Tag “style”
● CSS?
● % e px?
Criamos um Const

12. Largura e Altura
FLEX
HEIGHT | WIDTH

13. Botões
● TouchableHighlight
● TouchableNativeFeedback
● TouchableOpacity
● TouchableWithoutFeedback

14. Onde editar?

15. Como funciona?
● Android
● IOS
● Lang

16. Debug
● Emuladores
● USB

17. Servidor EXPO
● Mobile
● Desktop

19. Obrigado galera!

20. Me sigam!
● Github: /DiegoTeles
● Twitter: ODiihTelles
● URL: diegoteles.com.br
● LinkedIn: /in/DiegoTeles
● Facebook: Diego Telles