Criando projeto com react Native

npx react-native init MyReactNativeApp

Executando simulação

npm run android

debugar no emulador+

Ctrl + m

Instrodução ao react native

• Coinhecendo o react Native

  • O que é react native?

  • O que é cross-platform?

  • Origem do RN

• Documentação:

  • Componentes

  • API

  • Comunidade

• Setup

  • Instalação Chocolatey

  • Node

  • Java 11 (JDK)

  • Yarn

  • Android Studio

    • download Androis e criando AVD

• Criação de projeto

  • Estrutura de pasta

• Projeto Profile

  • View

  • Text

  • SafeArea

  • Image

  • Flex- box

  • style (styulesheet)

  • Array de estilo

  • Button

  • Pressable

  • Linking API

  • Add Queries no QAndroiManifest

Desafio: Construindo app com sensor de movimento com react-Native

• Libs react-native-shake e react-native-torch

• icons

• Stylesheet

• Hook usestate

• Hook useEffect

• Add Listener to RNShake

• Lifecicle ReactJs