Formações Front-end Impulsione sua aplicação React e consuma APIs

Formação Impulsione sua aplicação React e consuma APIs

Avance no consumo de API's

* Esta formação faz parte dos nossos cursos de Front-end

Quero Estudar na Alura

42h

Para conclusão

Cursos

Vídeo extra

Artigos

O que você vai aprender nesta Formação?

Aprofunde seus conhecimentos em React

Chegou a hora de praticar e aprimorar os seus conhecimentos em React!

Agora que você já aprendeu a criar componentes utilizando o TypeScript, vamos começar a formação criando uma biblioteca de componentes. E alargando o T, do Frontend em <T>, passamos um pouquinho por versionamento semântico, NPM e integração e deploy contínuo.

Na sequência a gente segue evoluindo o projeto, passando pela comunicação com APIs públicas e privadas (que requerem autenticação).

A ideia é levantar um projeto do zero, evoluindo a cada curso, simulando ciclos de desenvolvimento do mercado de trabalho.

E se prepare para os desafios! Teremos vários trechos dos códigos para você se desafiar e criar soluções criativas.

Animado? Vamos começar agora!

Por que estudar esta formação?

Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
Do básico ao avançado
Formação completa para o mercado
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Com quem você vai aprender?

Vinicios Neves
Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Lisboa e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.
Vinicios Neves
Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Lisboa e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.

Passo a passo

1 Biblioteca de componentes
Hora de preparar os componentes que utilizaremos durante toda a formação. No final desse passo da formação, teremos um pacote NPM publicado com os componentes que você mesmo vai criar! Tudo isso baseado em um projeto customizado no Figma.
- Curso React: desenvolvendo uma biblioteca de componentes
  08h
- Site Design Systems - Hipsters #170 - Hipsters Ponto TechHipsters Ponto Tech
- Artigo Design Systems: Entenda o que é e confira Exemplos | Alura
2 Autenticação
Vamos cuidar das ações de login e logout. E também do projeto base, que vai nos acompanhar por toda a formação. Além de implementar uma estratégia de login e logout, vamos nos aprofundar em conceitos importantes sobre segurança do lado do frontend.
- Artigo Autenticação, autorização e segurança no front-end | Alura
- Curso React: autenticando usuários
  08h
3 Obtenção de dados
É muito comum consumirmos APIs a partir de aplicações React. Nesse passo da formação vamos aprender a encapsular essas chamadas em hooks da biblioteca React Query. Além disso, vamos seguir evoluindo o projeto Alura Books, incluindo algumas modificações pontuais no design system que iniciamos no passo 1.
- Curso React: obtendo dados com React Query
  08h
4 Trabalhando com GraphQL
O GraphQL resolve vários problemas NÃO endereçados pelo REST, incluindo:
- Controle de versão da API
- Busca excessiva / insuficiente
Nesse passo da formação, vamos instalar e configurar o Apollo Cliente para lidar com a obteção (useQuery) e o envio (useMutation) de dados para um servidor GraphQL.
- Vídeo O que é GraphQL? com Juliana Amoasei | #HipstersPontoTube - YouTube
- Curso React: consumindo GraphQL com Apollo Client
  08h
- Curso React: combinando Context API e Apollo Client
  08h