Crie apps mobile com React Native do zero: componentes, estado, listas, APIs, câmera e navegação. Curso online gratuito para começar hoje.
Neste curso gratuito, aprenda sobre
Configuração e primeiros passos com React Native (especialmente via Expo)
Uso de componentes principais: View, Text, Image, TextInput, ScrollView e botões
Estilização com StyleSheet: bordas arredondadas, layout e tipografia
Gerenciamento de estado com useState e passagem de props entre componentes
Construção de telas e UI do app OneBitHealth (inclui cálculo e exibição de IMC)
Uso de APIs nativas: Alert para erros, Share para compartilhar e controle do teclado
Trabalho com listas: ScrollView vs FlatList, ListView e SectionList
Integração com câmera no Expo: permissões, referência da câmera e captura/ação do botão
Navegação com React Navigation: Stack, Tab e Drawer, e passagem de parâmetros
Desenvolvimento do projeto OneBitCoin: componentes, layout e organização de telas
Integração de gráficos no React Native e instalação de biblioteca para chart
Estratégias de componentização e reutilização de UI (ex.: contentGraphic, boxes)
Descrição do curso
Aprenda a criar aplicativos móveis com React Native mesmo que você esteja começando no desenvolvimento mobile. Neste curso online gratuito de React Native básico, você vai entender como configurar o ambiente e dar os primeiros passos para transformar ideias em telas reais, usando uma abordagem prática e focada no que mais aparece no dia a dia de quem desenvolve apps.
Ao longo das aulas, você evolui do básico da interface para a construção de layouts mais bem acabados, aprendendo a trabalhar com componentes essenciais, organização de estilos e criação de áreas visuais mais refinadas. Você também desenvolve familiaridade com conceitos fundamentais como controle de estado, permitindo que o aplicativo responda às ações do usuário e apresente resultados em tempo real de forma clara e fluida.
O curso segue com uma parte muito útil para qualquer app moderno: o uso de recursos e APIs comuns do ecossistema, incluindo interações que melhoram a experiência do usuário, como avisos em situações de erro, compartilhamento de conteúdo e ajustes de comportamento do teclado. Em seguida, você aprende como exibir listas de dados corretamente, escolhendo a solução adequada conforme o cenário, otimizando performance e garantindo uma navegação mais agradável pelo conteúdo.
Para ampliar suas possibilidades, você entra em temas que dão cara de aplicativo “de verdade”, como integração com câmera usando Expo e criação de fluxos de navegação entre telas. Você entende quando usar cada tipo de navegação e como estruturar telas para facilitar manutenção e evolução do projeto.
No fechamento, você aplica o conhecimento em projetos completos, conectando interface, estado e componentes em uma construção mais próxima do mercado. O resultado é uma base sólida para seguir estudando React Native e criar seus próprios aplicativos, fortalecendo seu portfólio na área de Programação de Aplicativos.
Conteúdo do curso
Aula em vídeo: Primeiros passos no React Native - Aula 1 | Curso React Native (aprendiz) | Onebitcode17m
Exercício: _Qual é o objetivo do curso de React Native básico por One Bit Code?
Aula em vídeo: Principais Components do React Native - Aula 2 - Parte 1 | Curso React Native (aprendiz)14m
Exercício: _Qual é o componente utilizado para inserir imagens no layout do React Native?
Aula em vídeo: Principais Components do React Native - Aula 2 - Parte 2 | Curso React Native (aprendiz)15m
Exercício: _Qual é a função da área personalizada com cantos arredondados criada no vídeo?
Aula em vídeo: Principais Components do React Native - Aula 2 - Parte 3 | Curso React Native (aprendiz)19m
Exercício: _Qual é a função do useState no React Native?
Aula em vídeo: Design do App OneBitHealth – Aula 3 - Parte 1 | Curso React Native (aprendiz)12m
Exercício: Qual é o foco principal da aula 3 no curso descrito?
Aula em vídeo: Design do App OneBitHealth – Aula 3 - Parte 2 | Curso React Native (aprendiz)15m
Exercício: _Qual é o estilo utilizado para arredondar as bordas do formulário no React Native?
Aula em vídeo: Design do App OneBitHealth – Aula 3 - Parte 3 | Curso React Native (aprendiz)10m
Exercício: _Qual é o estilo aplicado ao resultado do cálculo do IMC no React Native Básico por One Bit Code?
Aula em vídeo: Conhecendo sobre APIs React Native - Aula 4 - Parte 1 | Curso React Native (aprendiz)17m
Exercício: Qual funcionalidade de API é utilizada para chamar a atenção do usuário quando há um erro no aplicativo?
Aula em vídeo: Conhecendo sobre APIs React Native - Aula 4 - Parte 2 | Curso React Native (aprendiz)14m
Exercício: _Qual é a função que deve ser passada como parâmetro dentro da construção "share" para que seja possível compartilhar uma mensagem no WhatsApp ou Telegram diretamente do aplicativo?
Aula em vídeo: Conhecendo sobre APIs React Native - Aula 4 - Parte 3 | Curso React Native (aprendiz)13m
Exercício: _Qual a função da propriedade "keyboardDismissMode" utilizada no código apresentado?