Como instalar e testar um aplicativo React Native em um celular Android físico?

Ative a depuração USB no celular, conecte-o ao computador e use o ADB para identificar o dispositivo e executar o app.

Qual é a diferença entre FlatList e ScrollView no React Native?

A FlatList renderiza itens de forma otimizada para listas grandes, enquanto o ScrollView carrega todo o conteúdo de uma vez.

Como fazer um useEffect executar apenas quando a tela abre no React Native?

Use o useEffect com um array de dependências vazio: useEffect(() => { ... }, []).

Imagem do Curso gratuito React Native: Apps iOS e Android do Zero ao Avançado

Curso online gratuito React Native: Apps iOS e Android do Zero ao Avançado

Name: React Native: Apps iOS e Android do Zero ao Avançado
Availability: InStock

Duração do curso online: 2 horas e 39 minutos

Novo

Crie apps iOS e Android com React Native do zero ao avançado. Curso online gratuito, com prática e boas práticas para evoluir rápido na carreira.

Neste curso gratuito, aprenda sobre

Criar e configurar um projeto React Native para iOS e Android
Instalar e executar o app em emulador Android, iOS e em aparelho físico
Entender o papel do Metro bundler e o fluxo de execução no Android
Usar ADB para listar dispositivos conectados e rodar o app neles
Criar o App.tsx e renderizar texto corretamente com o componente Text
Configurar ESLint e Prettier e diferenciar linting de formatação
Aplicar Props para reutilização e parametrização de componentes
Instalar e tipar styled-components no React Native com TypeScript
Gerenciar estado com useState e atualizar valores para re-renderizar
Controlar efeitos com useEffect, incluindo execução apenas na montagem
Criar hooks customizados para reutilizar lógica e isolar responsabilidades
Dominar componentes básicos: View, Text, TextInput, ScrollView, FlatList
Criar botões e interações com TouchableOpacity e componentes globais
Organizar pastas por módulos (login) e usar shared para itens reutilizáveis

Sobre o curso online gratuito

Desenvolver um app que roda em iOS e Android com uma única base de código é uma das habilidades mais valorizadas para quem quer acelerar a carreira em mobile. Neste curso online gratuito de React Native, você aprende a construir aplicações do zero ao avançado com foco em prática, organização e padrões profissionais de desenvolvimento, saindo do “funciona no meu aparelho” para um projeto estruturado, legível e pronto para evoluir.

Ao longo das aulas, você vai dominar a criação do projeto e a configuração do ambiente para rodar no emulador e em dispositivos físicos, entendendo como o fluxo de execução funciona e como resolver os pontos que mais travam iniciantes. Em seguida, o curso te leva para a construção do App com TypeScript, preparando um ponto de partida consistente para escalar funcionalidades sem perder produtividade.

Para garantir qualidade e consistência no código, você também aprende a trabalhar com ESLint e Prettier, estabelecendo um padrão de escrita e de boas práticas que ajuda em times e em projetos pessoais. A base do React é aplicada com profundidade: props para compor interfaces reutilizáveis, estado com useState para criar telas interativas e useEffect para controlar efeitos e ciclos de vida. Além disso, você entende como e quando criar hooks personalizados, transformando lógica repetida em abstrações simples e fáceis de manter.

Na parte de interface, o curso reforça os componentes essenciais do React Native e como usá-los corretamente: estrutura, textos, campos de entrada, rolagem e listas eficientes. Você aprende a montar UI com melhor desempenho e boa experiência, escolhendo os componentes adequados para cada situação. Com styled-components, você avança na estilização e cria uma base visual consistente, alinhando produtividade com um design bem organizado.

Por fim, o conteúdo evolui para uma estrutura modular do projeto, criando componentes globais reutilizáveis e organizando pastas e responsabilidades para uma tela real, como login. Isso te prepara para desenvolver com clareza, facilitar manutenção e crescer o app com menos retrabalho. Se você quer aprender React Native de forma sólida, prática e orientada a projeto, este curso é um caminho direto para ganhar confiança e construir aplicativos de verdade.

Conteúdo do curso

Aula em vídeo: React Native [aula00] - Apresentação do curso 07m
Exercício: Qual é o objetivo principal do projeto desenvolvido no curso de React Native?
Aula em vídeo: React Native [aula01] - Criando o projeto React Native 07m
Exercício: Ao iniciar um projeto React Native para iOS e Android, qual abordagem foi escolhida e por quê?

Aula em vídeo: React Native [aula02] - Instalando aplicativo no emulador do Android 12m
Exercício: Qual é a função do Metro ao executar um app React Native no Android?
Aula em vídeo: React Native [aula03] - Instalando aplicativo em um aparelho Android físico 05m
Exercício: Qual comando é usado para listar os dispositivos Android conectados e disponíveis para execução do app?
Aula em vídeo: React Native [aula04] - Instalando aplicativo no emulador do iOS 07m
Exercício: Qual é a condição necessária para instalar e executar um app React Native no iOS (simulador) durante o desenvolvimento?

Aula em vídeo: React Native [aula05] - Criando o arquivo App.tsx 07m
Exercício: No React Native, qual é a forma correta de exibir um texto na tela sem causar erro?
Aula em vídeo: React Native [aula06] - Inserindo Eslint e o Prettier no projeto 17m
Exercício: Qual é a principal diferença entre ESLint e Prettier em um projeto React Native?

Aula em vídeo: React Native [aula07] - O que são e como utilizar as Props de um componente 12m
Exercício: Em React Native, qual é a principal utilidade de usar props em um componente?
Aula em vídeo: React Native [aula08] - Instalando o styled components 08m
Exercício: No React Native com TypeScript, qual configuração ajuda o TS a reconhecer os tipos do styled-components?
Aula em vídeo: React Native [aula09] - Como funciona o useState no React Native 08m
Exercício: Em React Native, qual é a forma correta de atualizar um valor e garantir que o componente seja renderizado novamente?
Aula em vídeo: React Native [aula10] - Como funciona o useEffects no React Native 08m
Exercício: Em React Native, como fazer um efeito executar apenas uma vez quando o componente é criado (montado)?
Aula em vídeo: React Native [aula11] - O que é e como criar um hook customizado 08m
Exercício: Qual é o principal objetivo de criar um Hook personalizado em React Native?

Aula em vídeo: React Native [aula12] - Componentes básicos do React Native 01m
Exercício: Qual é o objetivo principal de estudar os componentes básicos do React Native antes de iniciar o projeto?
Aula em vídeo: React Native [aula13] - O que é e como utilizar o componente View 07m
Exercício: No React Native, qual afirmação descreve corretamente o componente View?
Aula em vídeo: React Native [aula14] - O que é e como utilizar o componente Text 03m
Exercício: Qual é a principal responsabilidade do componente Text no React Native, segundo as boas práticas apresentadas?
Aula em vídeo: React Native [aula15] - O que é e como utilizar o componente TextInput 07m
Exercício: Como permitir que um TextInput seja editável e ainda assim manter acesso ao valor digitado?
Aula em vídeo: React Native [aula16] - O que é e como utilizar o componente ScrollView 05m
Exercício: No React Native, qual componente é usado para permitir rolagem de conteúdo e pode ser configurado como vertical ou horizontal?
Aula em vídeo: React Native [aula17] - O que é e como utilizar o componente FlatList 08m
Exercício: Qual é a principal vantagem do FlatList em relação a colocar vários itens dentro de um ScrollView no React Native?
Aula em vídeo: React Native [aula18] - O que é e como utilizar o componente TouchableOpacity 03m
Exercício: No React Native, qual componente é muito usado para criar um botão personalizado com ação de clique?

Aula em vídeo: React Native [aula19] - Introdução para as próximas aulas de componentes globais 02m
Exercício: Qual é o principal objetivo de criar componentes separados (ex.: Button e TextInput) no início do projeto em React Native?
Aula em vídeo: React Native [aula20] - Criando estrutura de pastas para a tela de login 06m
Exercício: Qual é o objetivo principal de criar uma pasta shared em um projeto React Native organizado por módulos?

Cursos online Gratuitos sobre React Native

Aprenda sobreReact Native

Encontre os melhores cursos online gratuitos de React Native com certificado e aprenda a criar aplicativos móveis para Android e iOS. Estude componentes, hooks, navegação, APIs, estilização e publicação de apps com conteúdos para iniciantes e desenvolvedores. Escolha seu curso grátis de React Native, desenvolva projetos práticos e avance na carreira.

Cursos online Gratuitos sobre Programação para Android

Aprenda sobreProgramação para Android

Aprenda Programação para Android com cursos online gratuitos e com certificado. Explore conteúdos sobre Kotlin, Java, Android Studio, criação de aplicativos, interfaces, APIs e publicação na Google Play. Desenvolva habilidades práticas, avance na carreira de desenvolvedor mobile e encontre o curso ideal para começar ou aperfeiçoar seus conhecimentos.

Cursos online Gratuitos sobre Programação para iOS

Aprenda sobreProgramação para iOS

Aprenda Programação para iOS com cursos online gratuitos e com certificado. Desenvolva aplicativos para iPhone e iPad, domine Swift, Xcode, interfaces, lógica de programação e recursos do ecossistema Apple. Encontre opções para iniciantes e profissionais, estude no seu ritmo e fortaleça seu currículo para conquistar oportunidades em desenvolvimento mobile.