React Native

1. Ementa:
O curso será realizado através da plataforma Rocket Seat. Os
treinamentos possuem o objetivo de serem eficientes
(aprender no menor tempo) e eficazes (aprender o conteúdo
correto)

Para isso, identificamos 6 módulos que devem ser executados

em ordem sequencial e que propõem essa trilha do
conhecimento. 
.

2.  Cursos:
Trilha React Native - Rocket Seat

3.  Cronograma
Definimos o cronograma da seguinte forma:

Iníci Término
o
- -

Trilha de
Conhecimento.
Módulos:
 Módulo 1 - Fundamentos React Native

Vamos aprender o ecossistema do desenvolvimento mobile

com React Native, criar e compreender a estrutura de projetos
React Native com a CLI além de conhecer os principais
conceitos por volta da biblioteca como componentes,
propriedades, estado, imutabilidade, hooks, estilização e
utilização do TypeScript.

Início: a definir
Término: a definir
Duração: 1 dia - 28 aulas

Eventos Início Término

Módulo 1 - -

Desafio 1 - -

Nesta etapa existe a entrega. Neste desafio você irá aplicar

tudo que aprendeu até agora no React Native enquanto
constrói um App de tarefas.

Módulo 2 - Advanced React Native

Neste capítulo criaremos uma aplicação completa utilizando

React Native, TypeScript e Styled Components (CSS-in-JS)
para ir mais a fundo em estilização e criação de interfaces no
React Native baseando-se em um layout do Figma. Você
também irá aprender a utilizar API Nativas, Armazenamento
Local com Async Storage, Navegação, Formulários e Login
Social. E para dar um Booster na produtividade vamos utilizar
o Expo Bare Workflow.

Início: a definir
Término: a definir
Duração: 0 dia - 68 aulas

Dividimos essa etapa em 4 tópicos:

  Expo e Styled Components ( 21 aulas )

Nesse tópico você irá conhecer o Expo, um Framework que

nos oferece um conjunto de ferramentas e serviços criados
em torno de plataformas React Native que irão turbinar o
nosso desenvolvimento. E você também irá aprender a utilizar
o Styled Components para criar interfaces com o conceito de
CSS-in-JS, ou seja, que nos permite escrever códigos CSS
dentro do Javascript. E por que eu deveria usar o Styled
Components? A resposta é simples: praticidade.

 Formulários e Navegação ( 14 aulas )

Neste tópico você irá aprender a utilizar o React Hooks Forms

com a proposta de criar formulários flexíveis, com formas
simples de fazer validação e sem renderizações
desnecessárias. Também você irá aprender a criar a
navegação entre telas mobile.

 Async Storage ( 16 aulas )

Neste módulo você irá aprender a utilizar o Async Storage

para armazenar dados no dispositivo do usuário. O Async
Storage é uma ótima estratégia de armazenamento quando
não há muitas regras e relacionamento envolvido, pois o
sistema de armazenamento é simples e baseado em chave e
valor (key-value), assíncrono e persistente. E de quebra,
vamos criar o gráfico da nossa aplicação.

 Contextos e Autenticação ( 17 aulas )

Neste módulo você irá aprender a utilizar Login Social com

OAuth Authentication que é uma estratégia incrível que
permite utilizar os dados do usuário de uma conta já existente,
como por exemplo, uma conta Google. A autenticação com
Login Social traz conforto para o usuário que não precisa criar
uma nova conta do zero e pode ir direto para o que realmente
interessa que é utilizar nosso App. E tem mais, neste módulo
você também irá aprender a utilizar a Context API para
compartilhar dados com toda a sua aplicação (ou parte dela).
 E de quebra, você irá aprender a criar o seu próprio Hook.
Utilizaremos essa combinação perfeita para armazenar e
acessar os dados do usuário em um único lugar.

Eventos Início Término

Módulo 2 - -

Desafio 1 - -

Desafio 2 - -

Nesta etapa existe a entrega dos exercícios propostos pelo

Professor, os alunos deverão commitar a solução dos
exercícios no repositório do github que será fornecido pelos
mentores.

Desafio 1: SavePass
Neste desafio você irá treinar o que aprendeu até agora com
React Hook Form e navegação construindo um aplicativo para
gerenciamento de senhas.

Desafio 2: Login Social com Twitch

Nesse desafio você irá implementar todo o fluxo de login e
logout utilizando o OAuth da Twitch.

Módulo 3 - The Best Part

Neste capítulo iremos aprender mais sobre formas de

integração com backend e aprender um pouco sobre
animações.
Início: a definir
Término: a definir
Duração: 0 dia - 49 aulas

Dividimos essa etapa em 2 tópicos:

 Consumindo API ( 32 aulas )

Neste módulo você irá aprender a integrar sua aplicação

React Native com uma API. Você irá compreender os
métodos do protocolo HTTP, lidar com requisições e
 respostas realizadas a uma API. Para integrar e consumir API
utilizaremos o Axios.

 Animações  ( 17 aulas )

Hora de levar nossos conhecimentos sobre o

desenvolvimento de interfaces para o próximo nível
conhecendo e aplicando na prática ferramentas e técnicas
que estarão presentes nas suas aplicações no futuro
aplicando boas práticas de UX e Animações.

Eventos Início Término

Módulo 3 - -

Desafio 1 - -

Nesta etapa existe a entrega dos exercícios propostos pelo

Professor, os alunos deverão commitar a solução dos
exercícios no repositório do github que será fornecido pelos
mentores.

Desafio 1: Github Explorer

Neste desafio, você irá treinar o que aprendeu até agora
sobre animações no React Native com o GitHub Explorer:
uma aplicação que exibe informações sobre repositórios do
GitHub.

Módulo 4 - The Final

Nesse módulo vamos entender como criar testes

automatizados no React Native garantindo que nossos
componentes e funcionalidades continuem funcionando
independente de novas manutenções. E também, irá aprender
como performar suas aplicações.

Início: a definir
Término: a definir
Duração: 0 dia - 39 aulas

Dividimos essa etapa em 2 tópicos:

 Teste no React Native ( 28 aulas )

 Testes automatizados é uma excelente estratégia para
garantir que componentes e funcionalidades continuem
funcionando independente de novas manutenções.

 Performando Apps  ( 11 aulas )

Em em aplicações mobile você pode ter a preocupação com

performance e, por isso, neste módulo entenderemos como
performar aplicações no React Native entendendo como
funcionam os algoritmos internos da biblioteca e todo fluxo de
renderização de componentes.

Eventos Início Término

Módulo 2 - -

Nesta etapa  não existe a entrega.