42h

Para conclusão

5
Cursos
1
Vídeo extra
2
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. 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.

  2. 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
      • Reconheça a diferença entre autenticação, autorização e segurança
      • Utilize o axios pra realizar requisições
      • Faça a gestão do login do usuário
      • Identifique pontos do código que precisam de refatoração
      • Implemente interceptadores de requisições e respostas HTTP
  3. 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
      • Relembre conceitos importantes do React
      • Utilize o React Query para encapsular as chamadas HTTP
      • Identifique a melhor estratégia de implementação da camada de dados dos componentes
      • Descreva padrões de implementação de componentes
      • Compare as diferentes formas de obter dados de uma API e gerir e estado local
  4. 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
      • Descreva as vantagens do GraphQL
      • Implemente Queries com Apollo Client
      • Compare a diferença entre consumo de APIs REST e GraphQL
      • Prototipe um projeto React com GraphQL
      • Trace um plano de atualização de um projeto existente
    • Curso React: combinando Context API e Apollo Client

      08h
      • Utilize o Apollo Client para enviar dados
      • Implemente um carrinho de compras usando Context API
      • Delimite as responsabilidades de cada componente
      • Descreva as vantagens e desvantagens do uso do GraphQL
      • Relembre boas práticas ao se utilizar hooks customizados

Escola

Front-end

Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...

Conheça a Escola

Comece a estudar agora na maior escola de tecnologia do país

Conheça os Planos para Empresas