Criando Aplicativos Mobile com React Native

Módulo 1: Introdução ao React Native

• O que é React Native: Uma biblioteca criada pelo Facebook para desenvolvimento de aplicativos mobile usando JavaScript e React.
• Por que escolher React Native?
  • Código reutilizável para Android e iOS.
  • Ampla comunidade de suporte.
  • Integração com bibliotecas JavaScript.

Módulo 2: Preparando o Ambiente

• Instalação:
  1. Instale o Node.js.
  2. Configure o Expo CLI para inicialização rápida:bashCopiar código

npm install -g expo-cli
expo init MeuPrimeiroApp

• 1. Configure emuladores ou teste diretamente no celular com o app Expo Go.
• Ferramentas Recomendadas: VS Code, Extensões como Prettier e React Native Tools.

Módulo 3: Estrutura de um App React Native

• Estrutura básica de um projeto:
  • App.js: Componente principal que serve como ponto de entrada.

import React from 'react';
import { Text, View } from 'react-native';

export default function App() {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>Olá, Mundo!</Text>
    </View>
  );
}

• Estilização: Usa objetos JavaScript com propriedades CSS-like.

Módulo 4: Funcionalidades Essenciais

• Navegação: Instale o React Navigation para criar menus e navegação entre telas.

npm install @react-navigation/native

• API e Requisições: Exemplo de integração com uma API pública para exibir dados.
• Banco de Dados Local: Configuração usando AsyncStorage ou SQLite.

Módulo 5: Publicando seu Aplicativo

• Construção e Publicação:
  • Use o Expo para compilar apps prontos para lojas como Google Play e App Store.
  • Alternativamente, configure build nativa com Android Studio ou Xcode.

Conclusão

• Agora você tem uma base sólida para criar apps incríveis com React Native. O próximo passo é explorar recursos avançados como autenticação, notificações push e integração com APIs específicas.