Curso Completo de React Native para Principiantes

Name: Curso Completo de React Native para Principiantes
Rating: 3.9 (11 reviews)

Aprenda tudo que você precisa para ser um excelente desenvolvedor mobile

Created byJoão Antônio Da Silva Mendonça

Last updated 6/2025

Portuguese

Portuguese [Auto],

What you'll learn

Criar Aplicativos híbridos do total zero
Utilizar a ferramenta Firebase com seus serviços de autenticação e banco de dados
Aprender várias funcionalidades que o React Native possui
Utilizar bibliotecas externas dentro do seu app
Componentizar suas aplicações React Native
Usar Git e GitHub

Course content

4 sections • 47 lectures • 9h 22m total length

Configurando o ambiente de desenvolvimento no Windows9:42
Node Js: https://nodejs.org/pt
Android Studio: www.google.com/search?client=opera-gx&q=android+studio&sourceid=opera&ie=UTF-8&oe=UTF-8
Visual Studio Code: https://code.visualstudio.com
JDK: https://www.openlogic.com/openjdk-downloads

Arquivo com instruções: https://drive.google.com/file/d/1xMB5qoF1ELJ83Zq-XOjls9KdHg5SNOiC/view?usp=sharing
Criando nosso primeiro projeto React Native3:28
Mostrando algumas extensões uteis para o desenvolvimento4:21

apresentando alguns componentes do React Native6:40
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/9db7922fb5c7ad76dd5a006046104e6ce31c80f2
Trabalhando com flex box7:30
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/commit/8af53c1d72a411fb5e58d5096dcb5f28f4bccbbc
Criando uma tela de boas vindas12:36
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/0ae2975d1d208430bc98eefba637bc6c10baf68a
Instalando Styled Components para substituir o Stylesheet da nossa tela de boas10:57
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/bad82f098462ffec4d0219a43affb1b30f713655
Tarefa para criar tela de boas vindas
Configurando ícones svg para nossa aplicação10:31
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/de31c7c2cf117225248b1fd21a61b0bb04f19358
Configurando navegação em nosso projeto4:58
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/ade0bbd90da46d03410d3668631e6e1926be002b
Aprofundando nas navegações e trabalhando com Drawer e Bottom Tabs9:53
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/3317444208f5172d37eb381f0583adb5ffc4cbdd
Passando dados entre tela e configurando uma Bottom Tabs personalizada6:51
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/8ac153515014ef532f2d923d52b3b36b68a49d78
Criando typagem para nossas rotas10:26
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/d9801466f672b3dbef7a208f542c783788b0b0bc
Usando o hook useState4:18
Repositório: httpsgithub.comMynameisjohndevprojetoTesteDoCursotreeccdb820f9bf783d54cad3a5878a3b1c4c6d4a019
Usando o hook useEffect3:40
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/42da8b2444930268cf855dab9eb153d6eadfb3d6
Usando o hook useRef9:14
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/d78c9ef0341d8457995b9c55cd058c99073796ca
Usando o hook create context e useContext15:35
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/cb6a8aff17320b09b1c7943959aebc4859011334
Configurando a biblioteca Async Storage7:07
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/df2d469a6a31c765f29f6dbdddaa2f07f28bef80
Usando a biblioteca axios para fazer requisições http4:17
Repositório: https://github.com/Mynameisjohndev/projetoTesteDoCurso/tree/9b24f7af959d9f066d3bd7657db5d3057ce8c83f

Apresentando o aplicativo de tarefas que vamos desenvolver neste modulo3:17
figma: https://www.figma.com/design/9nu6YiglHnj4sPdBpkwrx2/CURSO-DE-REACT-NATIVE?node-id=32-1150&t=SRHSszesgvvo9kvT-1
Carregando presets e configurando bibliotecas no projeto10:42
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/faf06b359e8a936a5d43de24204e6761bf4453b3
Criando banco de dados22:56
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/76f6832b45ee51d69ebdb1b0a06d65c263662716
Criando ciclo de vida do banco de dados20:54
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/f2d613a69d1d65c9aff92c02abf6acd422ed6e83
Configurando rotas na aplicação15:24
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/0ddf5449d80ef2abc54fc2dc4ad56de3d553577c
Explicação da incompatibilidade do React Native com Styled Components2:43
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/af89f143405657c47ed7c2b66ef21f6d96d00538
Configurando alguns componentes globais da nossa aplicação16:31
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/13bbd50a7be281458992460189084fc69b48683b
Configurando contexto para controlar o tema da aplicação14:10
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/09912fe0f510506b1022fd67b0b1e1f32f35ef34
Criando componente de input personalizado16:38
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/6de9120359d82827f44015b2dbc9e9d48bc60aef
Criando componente de button personalizado23:57
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/fb4f7574a40409ce16ad4c02210c1a9414ee0b1d
Finalizando layout da tela welcome6:45
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/8cceae00e101d2a7dda4a677b86eeacfb4105b36
Criando funcionalidade para exibir usuário uma única vez no app21:41
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/e50740d1d9b0f9733386da51a75714475761df43
Criando a tela de login e suas funcionalidades16:18
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/325b9eb7a84987e98d6b1eab8d2961897b78767c
Iniciando a criação da tela home20:14
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/079f1a126fefd0622ce1cad23a174052f1c54792
Criando componente para alterar o tema do aplicativo15:49
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/39f3b77cb815fe666e02e472c890533d69ee4ee7
Criando o mecanismo para guardar e abrir o app com o tema desejado15:04
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/ef902f5e21850949faed202bbd15d9d684dba3d5
Criando componente de search para lista de tarefas11:24
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/a8cefe3f950ec788b5e29ec78e27b7df700aa98f
Criando componente de carde da tarefa20:38
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/36ce92a7f67512b53cd3de0a8ae467e99a5876d6
Criando os sqls da tabela de tarefa22:38
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/395034dc3c448030bda18e8d91a246e3547e6820
Criando modal para criar ou editar as tarefas19:27
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/d664a7d5535b3407ed31223d231dd1e39faa880c
Inserindo a tarefa pelo modal e ja exibindo em tela todas tarefas da aplicação20:56
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/1b381c9c526787b7e1afdd2b4ba171c21adcb31c
Criando a funcionalidade para concluir ou reverter a tarefa10:42
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/0cafe4368947e1eab2f8efe09b7778cb3ce5181c
Criando funcionalidade para deletar a tarefa3:05
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/9eeabd46b13b4799792a3d77f8980a400a8ec2e4
Criando a funcionalidade para editar uma tarefa no modal21:17
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/d595e0aa353b2fd4cb13a2a5def17b9c272fb684
Criando toast personalizado no nosso app20:48
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/31cad195db211c00b08f3347b0de3737a08c07c8
Criando uma pesquisa das tarefas e escondendo botão de criar tarefa quando7:22
Repositório: https://github.com/Mynameisjohndev/courseTaskApp/tree/93276459fc711f0c0942d3143e950c2e9a643428

Requirements

Conhecimento básico de JavaScript
Força de vontade e dedicação

Description

Seja muito bem vindo ao Curso React Native Desenvolvendo aplicações híbridas do zero!

Domine o desenvolvimento de aplicações móveis híbridas com React Native!

Neste curso completo, você aprenderá a criar aplicações nativas para Android e iOS utilizando apenas JavaScript/TypeScript, permitindo que um único código-fonte seja executado em ambas as plataformas com alta performance e experiência de usuário fluida.

Você será introduzido aos fundamentos essenciais do React Native, explorando sua arquitetura, ciclo de vida de componentes e as melhores práticas de desenvolvimento. Além disso, dominará os principais componentes UI (View, Text, FlatList, ScrollView, etc.) e técnicas avançadas de estilização para criar interfaces modernas e responsivas.

O curso também inclui um módulo dedicado ao Firebase, um dos frameworks mais utilizados por grandes empresas devido à sua escalabilidade, autenticação em tempo real, banco de dados Firestore, armazenamento em nuvem e análises de desempenho. Você integrará essas ferramentas poderosas ao seu app para torná-lo profissional e competitivo.

Para elevar ainda mais seu projeto, trabalharemos com bibliotecas essenciais que ajudarão a otimizar seu fluxo de desenvolvimento, vale ressaltar que o curso esta recebendo regravação e novos conteúdos serão adicionados em breve.

Grade:

Configurações para o desenvolvimento
Introdução ao git e github
Desbravado um pouco sobre o React Native
Criando app completo de tarefas

Bons estudos!

Who this course is for:

Qualquer pessoa que deseja aprender a criar seus próprios aplicativos
Desenvolvedores que buscam aperfeiçoar seu conhecimento na stack
Alunos que cursam alguma faculdade da área de TI

Curso Completo de React Native para Principiantes

What you'll learn

Explore related topics

Course content

Configurações para o desenvolvimento3 lectures • 18min

Introdução ao git e github3 lectures • 19min

Desbravando um pouco sobre o React Native15 lectures • 2hr 5min

Criando app tarefas26 lectures • 6hr 41min

Requirements

Description

Who this course is for: