Introdução
  • Introdução
  • Fale comigo
  • Me encontre! (Meus contatos)
  • Como tirar proveito desse curso
  • Você não precisa avaliar o curso agora
  • O que vamos construir?
  • Este curso é atualizado?
ES6
  • Sistema de módulos
  • var vs let vs const
  • Destructing
  • Funções
  • Spread Operator
  • Babel e Webpack
Curiosidade
  • Maneiras de desenvolver mobile em 2020
React
  • Introdução ao React
  • Template para criar pen
  • Hello, React!
  • React Puro (sem jsx)
  • JSX
  • JSX e Babel
  • Presentinho =)
  • State
  • Mais state
  • Props
  • Componentes Funcionais
  • Criando um contador
  • Outro presentinho
Setup
  • Dependências explicadas
  • Atualizações
  • Encontrando erros?
  • [Windows] Preparando ambiente
  • [Windows] Finalizando e criando o projeto
  • [Linux] Preparando ambiente
  • [Recomendado] Preparando em celular real
  • [Recomendado] Observação em expo para iPhone
IDEs
  • O que são IDEs?
  • Dúvidas sobre qual IDE escolher?
  • Sublime Text
  • Visual Studio Code
  • Configuração do Emmet para JSX no Visual Studio Code
Nosso primeiro app: Lista de contatos
  • Aviso sobre criar o projeto
  • Criando o projeto
  • Explicando o código gerado
  • Criando o Header
  • Estilizando o Header
  • Um detalhe extra sobre o Header
  • Renderizando uma lista
  • Key
  • Axios
  • Buscando dados da API
  • Promises
  • ComponentDidMount
  • Renderizando os dados da API em componentes
  • Componente PeopleList
  • Estilizando um pouco nossa lista
  • Como aprender flex-box?
  • PeopleListItem (Cada coisa no seu lugar)
  • Capitalize e dica sobre organização do projeto
  • Desmistificando o export da pasta util
  • Adicionando Imagens
  • Separando espaço com flex
  • Retirando valores fixos do estilo
  • Finalizamos nossa primeira tela!
  • Tornando coisas clicáveis
  • Refactoring: Preparando para próximas páginas
  • Atualização da lib react-navigation
  • Navegação
  • Nosso novo Header
  • Nossa primeira navegação
  • Toque final no header
  • Começando o estilo da página de detalhes
  • Gambiarra do bem
  • Estilizando container de PeopleDetailPage
  • Dica valiosa sobre estilos
  • Extraindo o componente Line
  • Fixando largura das células
  • Deixando Line mais inteligente e prevenindo crashes
  • Scrollando a tela
  • Listando da maneira correta e considerações sobre performance
  • Implementando o FlatList
  • Colocando um loading com ActivityIndicator
  • Dica: Renderização Condicional
  • Centralizando o loading e colocando nosso app à prova
  • Tratamento de erros
  • Parabéns!
Aplicativo de Séries
  • O que vamos fazer?
  • CRUD
  • Criando diretórios e preparando navegação
  • Criando a página de login
  • Configuração básica do Header
  • Filhinhos
  • Finalizando o FormRow