Aniversário
Alura 12 anos

20% OFF

Falta pouco!

00

DIAS

00

HORAS

00

MIN

00

SEG

Matricule-se com desconto especial do Gaules!

Logo do curso
Curso

React Query:

manipulando interações com mutations

Quero estudar na alura

8h

Para conclusão

264

Pessoas nesse curso

9

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Utilize React Query para gerenciar mutations em aplicações React
  • Implemente dados dinâmicos com mutations
  • Implemente o Optimistic Update para melhorar a experiência do usuário ao atualizar a UI e o cache de forma otimizada
  • Crie testes unitários robustos para mutations utilizando Jest e react-testing-library
  • Aprenda práticas para garantir a qualidade e a performance das interações do usuário com a aplicação
  • Aplique estratégias para otimizar a atualização de dados sem comprometer a responsividade da aplicação

Público alvo_

Este curso é destinado a desenvolvedores front-end que já possuem conhecimento básico em React, incluindo como os componentes funcionam, e estão interessados em aprofundar suas habilidades em manipulação de estado, otimização de interface do usuário e testes. É ideal para aqueles que desejam aprender a criar aplicações mais reativas e interativas, utilizando React Query para gerenciamento de estado e Jest para garantir a qualidade do código através de testes unitários.

Patrícia Silva

github

Sou Engenheira de Software, atualmente atuando como Fullstack Engineer e baseada em Portugal. Sou uma profissional entusiasmada que ama tecnologia. Trabalho como desenvolvedora web há mais de 15 anos. Ajudo desenvolvedores a melhorar suas habilidades e estou aberta a trocas de conhecimento com qualquer pessoa. Sou mãe de plantas e de dois meninos lindos. Adoro viajar, conhecer novas pessoas e estar em contato com a natureza. O foco e o cuidado com a experiência do usuário são o segredo do sucesso.

Curso atualizado em 17/07/2024

Ementa

  1. Conheça as mutations do React Query

    • Criando o mutation para o thumbsUp
    • Invalidando queries
    • Criando o error handling e logando erro do mutation thumbsUp
  2. Adicione a mutation de comentários

    • Criando a mutation para a inserção de comentários
    • Invalidação das queries e error handling para mutação comentários
    • Criando o mutation para as respostas dos comentários
    • Implementação da invalidação da query e error handling de replies
  3. Configure o optimistic update

    • Implementado o optimistic update via UI
    • Implementado o optimistic update via cache #1
  4. Configure o optimistic error handling e setup de testes

    • Implementando o cancelamento da mudança em caso de erro
    • Configuração dos testes
  5. Rodando teste unitários para os mutations

    • Extrair a lógica da mutação de resposta de comentários para um custom hook react
    • Criando e limpando mocks testes para a mutação de comentários
    • Criar testes para a mutação de comentários

Descubra se esse curso é pra você! Leia as primeiras aulas

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

Conheça os planos

Este e mais 3 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Escolha a duração
do seu plano

Conheça os Planos para Empresas