
Nessa aula, falamos sobre os seguintes assuntos:
- Para quem é esse curso
- Quais são os pré-requisitos
- O que você vai aprender
Nessa aula, falamos sobre os seguintes assuntos:
- Celulares e seus sistemas operacionais
- O que é desenvolvimento nativo
- O que é desenvolvimento híbrido
- Como é o processo que o React Native executa para conseguir criar apps iOS e Android
- O que são o Metro bundler, Babel, JavaScriptCore e Bridge
Nessa aula, falamos sobre os seguintes assuntos:
- React Native com o framework Expo
- Como rodar o aplicativo que você está programando no seu celular e em simuladores
- Como começar um projeto
Nessa aula, falamos sobre os seguintes assuntos:
- Estrutura de arquivos e pastas em um projeto React Native
- Bibliotecas instaladas no projeto
- Como limpar um projeto para começá-lo do zero
Nessa aula, falamos sobre os seguintes assuntos:
- Como usar "HTML" no React Native
- Principais Core Components: View, ScrollView, Image, Text, TextInput e Button
Nessa aula, falamos sobre os seguintes assuntos:
- Como usar "CSS" no React Native
- StyleSheet
- Uso de variáveis nos estilos
- Posicionamento com flex e diferença com o CSS regular
- Múltiplos estilos em um elemento
Nessa aula, falamos sobre os seguintes assuntos:
- Tipos de Listas no React Native
- Como implementar uma FlatList
- renderItem
- keyExtractor
- Uso de ícones do Expo
Nessa aula, falamos sobre os seguintes assuntos:
- Funcionamento da Lista de tarefas com elementos do React
- useState, atualização de estados com arrays
- Inputs controlados no React Native
Nessa aula, falamos sobre os seguintes assuntos:
- Navegação com base em arquivos
- O que é uma Stack e como configurar suas telas
- Personalização das barras de status e navegação
- Duas formas de mudar de tela: <Link> e router
- Diferenças entre navigate, push e replace
Nessa aula, falamos sobre os seguintes assuntos:
- Como criar rotas aninhadas
- Parâmetros nas rotas (como passar e acessar)
- Tela de erro 404 (rota não encontrada)
Nessa aula, falamos sobre os seguintes assuntos:
- O que é e como funciona a navegação em Tabs
- Como implementar e personalizar o menu de Tabs
- Usando Stacks dentro das Tabs
Nessa aula, falamos sobre os seguintes assuntos:
- O que é e como funciona a navegação com Drawers
- Como personalizar o menu de hambúrguer
- Como utilizar Drawers junto com outros tipos de navegação
Nessa aula, falamos sobre os seguintes assuntos:
- Principais gestos usados na tela touch (Pan, Pinch, Fling)
- Implementação do gesto de fling para deletar uma tarefa
- Usar o Animated para criar uma animação que acompanha o gesto
Nessa aula, falamos sobre os seguintes assuntos:
- Diferentes tipos de teclados
- O que é e como usar uma SafeArea
- Como personalizar o App Icon e a Splash Screen
Nessa aula, falamos sobre os seguintes assuntos:
- Opções de armazenamento de dados em aplicativos
- Implementação do Async Storage para guardar tarefas
- JSON.parse e JSON.stringify
Nessa aula, falamos sobre os seguintes assuntos:
- Interfaces nos diferentes sistemas operacionais & web
- Como renderizar coisas diferentes para cada plataforma usando o Platform
- Como renderizar coisas diferentes para cada plataforma usando extensões de arquivos
Nessa aula, falamos sobre os seguintes assuntos:
- Alguns recursos possíveis de usar no celular
- Acelerômetro e Giroscópio
- GPS
- Câmera, áudio e vídeo
- File System e Image Picker
- Web View
Nessa aula, faremos a apresentação do projeto a ser desenvolvido nas próximas aulas. É recomendado que você tente desenvolver esse projeto antes de assistir as aulas seguintes!
Nessa aula, implementamos as seguintes funcionalidades do projeto Money:
- Inicialização do projeto
- Criação das Páginas
- Navegação em Tabs com botão personalizado
Nessa aula, implementamos as seguintes funcionalidades do projeto Money:
- Layout do formulário
- Funcionamento dos inputs de texto simples utilizando apenas um estado e função personalizada no onTextChange
- Alert mostrando os dados do form
Nessa aula, implementamos as seguintes funcionalidades do projeto Money:
- Formatação automática no campo monetário
- DateTimePicker no campo de data
- Dropdown de valores usando Picker no campo de categorias
Nessa aula, implementamos as seguintes funcionalidades do projeto Money:
- Melhorias de usabilidade
- KeyboardAvoidingView + TouchableWithoutFeedback para lidar com teclado
- Esconder tab bar quando aparece o teclado
- returnKey do teclado
- Refatoração dos campos de input
Nessa aula, implementamos as seguintes funcionalidades do projeto Money:
- Salvar as transações no AsyncStorage
- Disponibilizar as informações para todas as telas através da ContextAPI
Nessa aula, implementamos as seguintes funcionalidades do projeto Money:
- Tela de transações
- FlatList com renderItem e emptyComponent
Nessa aula, implementamos as seguintes funcionalidades do projeto Money:
- Tela de Resumo
- Cálculo do total de cada categoria
- Otimização do cálculo com useMemo e hashtable
- Sugestões de melhorias para continuar o App Money
Nessa aula, falamos sobre os seguintes assuntos:
- Diferentes tipos de build com o expo
- Documentação para build e lojas
- Exemplo de realização do build no Android
Muito obrigada por ter chegado até aqui! Nessa aula, revemos um pouco a nossa jornada juntos e te dou algumas dicas de como seguir aprendendo React Native.
React Native sem enrolação: do React para o mobile!
Já programa em React e quer levar suas habilidades para o mobile? Então este curso é para você! Aqui, nada de longas introduções ou conceitos básicos repetidos - vamos direto ao que interessa: construir um app completo em React Native de forma prática e objetiva.
Curso curto, mas cheio de conteúdo!
A ideia aqui não é criar mais um curso que vai ficar largado na sua biblioteca da Udemy. Você vai aprender tudo o que precisa para tirar um app do papel, sem promessas irreais de que vai sair daqui sênior. A evolução vem com a prática, e este curso é o atalho que você precisa para começar com o pé direito.
O que você vai aprender?
- Diferenças entre desenvolvimento web e mobile
- Criar e configurar seu projeto com o Expo
- Renderizar e estilizar elementos na tela com a sintaxe do React Native
- Todos os diferentes tipos de navegação mobile
- Criação de formulários dinâmicos e bem estruturados
- Armazenamento de dados no dispositivo
- Como lidar com os recursos do celular (gestos, animações, armazenamento de dados, etc)
- Como gerar um build e compartilhar seu app
Este curso é para você se…
- Já desenvolve o básico em React e quer aprender React Native sem enrolação
- Prefere aprender na prática, construindo um app real
- Não tem tempo para cursos gigantescos e quer um aprendizado eficiente
Se isso faz sentido para você, te vejo na primeira aula!