React Native e Typescript: Criação de Apps Android e iOS

Aprenda a construir aplicativos para as plataformas Android e iOS com uma base code (Javascript) usando React Native.

4.21 (169 reviews)
Udemy
platform
Português
language
Mobile Apps
category
React Native e Typescript: Criação de Apps Android e iOS
1,091
students
16.5 hours
content
Jan 2024
last update
$19.99
regular price

What you will learn

Usar novos recursos da linguagem Javascript

Integrar a aplicação com uma API Restful NodeJs

Criar apps com React Native e Typescript

Armazenar dados no dispositivo móvel com AsyncStorage

Estilizar sua aplicação com Styled Components

Publicar apps na loja Google Play

Introdução a Testes Automatizados no React Native

Trabalhar com o Expo Bare Workflow

Trabalhar com a Context API do React

Description

Olá dev, tudo blz?


Seja bem-vindo e bem-vinda ao curso prático de criação de aplicativos para dispositivos móveis nas plataformas Android e iOS, com React Native e TypeScript. Através do React Native você cria apps para ambas plataformas codando apenas uma vez. Esse é o diferencial do React Native.

Além de codar um único projeto para criar apps nas duas plataformas, você também utiliza a linguagem Javascript como base para o desenvolvimento, o que facilita bastante para os DEVs que já trabalham com essa linguagem de programação.

O curso tem como público-alvo desenvolvedores e desenvolvedoras que desejam conhecer o processo de criação de apps mobile com o React Native, mas que já têm conhecimento, mesmo que básico, do funcionamento do React para web, como por exemplo o uso de propriedades, estado e imutabilidade, hooks, etc. Aqui nesse curso, NÃO abordaremos esse conceitos básicos de React.

De início criaremos um primeiro app mais simples para conhecermos algumas das funcionalidades do React Native, bem como a aplicação de recursos indispensáveis ao processo de criação de apps com qualidade, como por exemplo os testes automatizados.

Apesar de podermos criar o app para as plataformas Android e iOS, neste curso criaremos o processo de build e hospedagem em loja de aplicativos APENAS para a plataforma Android.

Na sequência criaremos uma segunda aplicação para consumir uma API Restful criada com o NodeJs, com recursos de autenticação via token JWT, recuperação de senha por email, alteração de perfil e de imagem de avatar e uma listagem de usuários cadastrados no backend.

Utilizaremos Styled Components para criar interfaces com o conceito de CSS-in-JS, ou seja, que nos permite escrever códigos CSS embutidos no Javascript.

E para construir esse segundo app usaremos o Framework Expo com o Expo Bare Workflow que nos oferece um conjunto de ferramentas e serviços que irão turbinar o nosso desenvolvimento, porém sem deixar de usar os recursos nativos de cada plataforma através das pastas android e ios de dentro do nosso projeto.

Você também irá aprender a utilizar algumas APIs Nativas, armazenamento de dados no dispositivo móvel usando AsyncStorage, navegação, formulários com a biblioteca React Hook Form, acesso a galeria de imagens e câmera, Splash Screen, e alguns outros recursos.


Acesse o site conexnetworks para acompanhar as novidades!

Content

Introdução

Apresentação
Projeto do App DevProfile
Conceitos básicos do React Native

Ambiente de Desenvolvimento

Configurando o ambiente de desenvolvimento com Windows - parte 1
Configurando o ambiente de desenvolvimento com Windows - parte 2
Configurando o ambiente de desenvolvimento com Windows - parte 3
Configurando o ambiente de desenvolvimento com macOS - parte 1
Configurando o ambiente de desenvolvimento com macOS - parte 2
Configurando o ambiente de desenvolvimento com Linux Ubuntu - parte 1
Configurando o ambiente de desenvolvimento com Linux Ubuntu - parte 2

Primeiros Passos com o React Native

Criando o primeiro projeto
Rodando o Projeto
Configurando o EditorConfig
Configurando o ESLint
Configurando o Prettier
Primeiros passos com o projeto
Conhecendo o Debug

Projeto do App MyTasks

Criando o componente Home
Componente StyleSheet
Componente SafeAreaView
Componentes TextInput e Platform
Componente TouchableOpacity
Incluindo título para a lista de tarefas
Criando um Estado React para nova tarefa
Criando um Estado React para a lista de tarefas
Componentes ScrollView e Flatlist
Criando o componente TaskList

Trabalhando com Context API

Criando o contexto TasksContext
Usando o contexto TasksContext
Refatorando o contexto TasksContext
Criando o método addTask no contexto - parte 1
Criando o método addTask no contexto - parte 2
Criando o hook personalizado useTaskList
Criando o método removeTask no contexto

Introdução aos Testes Automatizados

Conceito básico de testes automatizados
Configurando o ambiente de testes
Rodando o primeiro teste
Conhecendo o Jest
Jest Matchers - toEqual e toBe
Jest Matchers - not e toMatch
Jest Matchers para números e mockImplementation
Testando a página Home - parte 1
Testando a página Home - parte 2
Testando a página Home - parte 3
Testando o componente TaskList
Customizando a configuração do Jest
Produtividade na execução dos testes
Coverage Report ou relatório de cobertura dos testes

Publicação do App na loja Google Play

Overview das plataformas para publicação de aplicativos
Templates do Figma - Preparação dos assets do app
Criando os screenshots para Android
Gerando os ícones para Android
Splash Screen no Android - parte 1
Splash Screen no Android - parte 2
Gerando o Bundle Release para Android
Configurando o App no Google Play Console - parte 1
Configurando o App no Google Play Console - parte 2
Enviando o App para testadores
Publicando o App na Google Play Store

Projeto do App DevProfile com Expo Bare Workflow

Visão geral do Framework Expo
Visão geral de projeto Expo Managed Workflow
Criando o projeto do App DevProfile com Expo Bare Workflow
Conhecendo a estrutura do projeto e os recursos do Metro Bundler
Configurando o EditorConfig
Configurando o ESLint
Configurando o Prettier
Criando a página Home

Trabalhando com o Styled Components

Instalando o Styled Components (Visão Geral)
Primeiros passos com o Styled Components
Definindo um tema global com Styled Components
Usando o tema global no App
Usando fontes personalizadas - Google Fonts
Configurando as fontes no tema global
Densidade de Pixel - Visão geral
Criando o cabeçalho da página Home - parte 1
Criando o cabeçalho da página Home - parte 2
Criando o cabeçalho da página Home - parte 3
Criando o cabeçalho da página Home - parte 4
Criando o cabeçalho da página Home - parte 5

Recursos para SignIn e SignUp no App

Criando o componente Input
Criando a página de SignIn
Criando o componente Button - parte 1
Criando o componente Button - parte 2
Criando a página de SignUp
Instalando a biblioteca React Navigation
Criando as rotas públicas
Acessando as rotas públicas
Incluindo o logotipo do App na página de SignIn
Criando o botão de acesso a página de recuperação de senha
Criando o botão de acesso a página SignUp
Concluindo a página de SignUp

Reviews

Ericles
August 20, 2023
Estou tendo dificuldades com as instalações, não é tão fácil quanto parece. Acho que poderia ter mais detalhes nessa parte.
Igor
July 3, 2023
Muito top!!! Projeto simples, porém com funcionalidades importantíssimas para o processo de criação e entrega de aplicativos na plataforma Android. Parabéns!!!
Wesley
February 13, 2023
Excelente curso! Não recomendo pra quem nunca teve contato com o React Native, pois esse curso requer uma certa familiaridade com a biblioteca. Se você já tem um certo conhecimento, é uma ótima aquisição. O curso abrange temas que estão inclusos na trilha do Ignite, da Rocketseat, como testes unitários com JEST, publicação na loja Google Play, componentização e estilização de componentes com Styled Components e validação de formulários com React Hook Form. Tudo isso com TypeScript. Ou seja, o curso está 100% atualizado e utiliza o que é pedido no mercado atualmente.
Jonas
November 9, 2022
O professor é bastante didático, o curso é bem atual e até agora está abordando o tema com uma profundidade bastante relevante pra quem quer realmente ganhar autonomia no fremework.
Weverton
October 10, 2022
Excelente curso, excelente professor! E ainda responde perguntas aqui na plataforma! Vale muito a pena este curso. Muito obrigado professor Jorge Aluizio por esse curso! E se fizer mais outro curso com temas de React native e TypeScript com certeza irei comprar. Obrigado!
João
August 16, 2022
Curso excelente, ótima explicação aplicação curta mas ele traz o suficiente para você criar um projeto imenso!
Pedro
August 1, 2022
O curso exige um pouco de conhecimento prévio em React, então como eu já tenho trabalhado com React Native a dois meses, foi muito tranquilo prosseguir no conteúdo. Por falar em conteúdo, ele está 100% atualizado, todos os links das aulas estão funcionando perfeitamente, e o professor presta um ótimo suporte para atender as dúvidas ocorridas em aula. Styled Components, Expo, Typescript, princípios de testes automatizados com JEST, são algumas das ferramentas utilizadas no decorrer do percurso e sem dúvidas tornam um diferencial para quem quer trabalhar com React Native. Agradeço ao mentor por disponibilizar o conhecimento, junto a sua forma de lecionar caprichada.
Carlos
July 21, 2022
É um professor que explica cada detalhe do código fonte com clareza além de ter um alto domínio teórico e prático.
Jorcelino
June 3, 2022
Uma das minhas melhores compras na Udemy. Excelente conteúdo, direto ao ponto, sem enrolação e ensinando de uma forma bem didática. Se está em dúvida entre esse e outros cursos de React Native eu diria para escolher esse.
Carlo
March 16, 2022
Informações relevantes como deve ser um app profissional. E mais ainda, dicas incríveis como o template para geração de splash screen e ícone, além da publicação do app na Play store do google.

Charts

Price

React Native e Typescript: Criação de Apps Android e iOS - Price chart

Rating

React Native e Typescript: Criação de Apps Android e iOS - Ratings chart

Enrollment distribution

React Native e Typescript: Criação de Apps Android e iOS - Distribution chart
4461630
udemy ID
12/26/2021
course created date
2/4/2022
course indexed date
Bot
course submited by