Introdução ao TanStack Query (consulta React)
Babak Mehrabi, Teaching difficult things in simple way
Assista a este curso e milhares de outros
Assista a este curso e milhares de outros
Aulas neste curso
-
-
1.
01 Inroduction to the course
1:48
-
2.
02 checking out different commits
2:27
-
3.
04 instale react com o aplicativo create react
3:43
-
4.
05 create todo page
5:46
-
5.
06 repositório github
0:51
-
6.
07 — instalação e execução de aplicativos do servidor
2:42
-
7.
08 lendo todos do servidor
7:54
-
8.
08 sending todos to server
11:30
-
9.
09 State management Solution
5:18
-
10.
10 Redux Cons
4:43
-
11.
11 Writing the first query
7:42
-
12.
12 Writing the first mutation
10:01
-
13.
13 showing progress bar finished todos
8:26
-
14.
14 refactoring and cleaning up
4:36
-
15.
15 showing important tasks counter
3:22
-
16.
16 automated testing
4:14
-
17.
17 writing first test
5:28
-
18.
18 code coverage
3:43
-
19.
19 migrate to vite
5:43
-
20.
20 run tests with vitest
3:46
-
21.
21 write test list component
5:06
-
22.
22 adding code coverage report with v8
2:32
-
23.
23 increasing list component code coverage to 100 percent
7:18
-
-
- --
- Nível iniciante
- Nível intermediário
- Nível avançado
- Todos os níveis
Gerado pela comunidade
O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.
1
Estudante
--
Sobre este curso
Neste curso, vamos aprender TanStack Query (consulta do React). O React Query é uma biblioteca poderosa para trabalhar com APIs que fornece muitos recursos úteis como busca, cache, sincronização etc.
O TanStack (React) Query facilita muito o trabalho com APIs. Você pode simplesmente buscar dados de APIs e enviar solicitações de post/patch com o ReactQuery, deixando todos os componentes cientes das alterações nos dados. Usá-lo vai nos ajudar a criar um aplicativo totalmente responsivo que reage às alterações do usuário e atualiza os dados no servidor em segundo plano.
Usar o React Query vai ajudar a desenvolver recursos muito mais rápidos com menos códigos. Os tópicos que vamos abordar neste curso são:
Instalando o React com o Script create-react-app
Crie uma página de lista de tarefas e crie um novo formulário
Repositórios do GitHub do projeto
Configurando um servidor simples usando NodeJS
Obtendo todos da API
Implementando chamada API para criar itens de Todo
Soluções de gerenciamento de estado e sua abordagem
Contras do uso do Redux como biblioteca de gerenciamento estatal
Implementando a primeira consulta no TanStack (React)
Implementando a primeira mutação no TanStack (React)
Adicionando barra de progresso — implementando mais componentes para usar o TanStack Query
Refactoring e limpeza do projeto
Implementando contador para mostrar tarefas importantes com o TanStack (React) Query
Junte-se a mim nesta jornada :-)
Projeto prático de curso
Vamos criar um aplicativo completo de lista de tarefas. Os usuários podem usar nosso aplicativo ToDo para criar todos e adicionar atributos a eles
1. É importante?
2. Já terminou?
Vamos criar um aplicativo completo do React que permitirá que os usuários gerenciem facilmente seus trabalhos. Com o TanStack Query (React Query), vamos tornar a aplicação completamente responsiva.
Nota do curso
Por que fazer parte da Skillshare?
Faça cursos premiados Skillshare Original
Cada curso possui aulas curtas e projetos práticos
Sua assinatura apoia os professores da Skillshare
Aprenda em qualquer lugar
Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.
