Que aulão! Valeu Diego, valeu Rocket! conteúdo sensacional, não conhecia nada sobre Stale While Revalidate, e agora já sei o conceito e ainda conheci essa ferramenta incrível que é o React Query! Valeu!!!
O Diego foi fantástico nessa live, mas o chat... Uma parte dele estava ansiosa demais, já fazia perguntas sem nem esperar as coisas acontecerem ou ser o momento adequado pra perguntar.
Bah, cada negociação é única, não existe uma que satisfaça todos casos de uso. Uma fácil de integrar e simples de mostrar é o Stripe, Gumroad, entre outras. No Brasil existem milhares e infelizmente não consigo dizer qual se conecta melhor com seu modelo de negócio.
A impressão que tenho é que o TS faz tudo dar uma volta maior e reinventa muito a roda. Fica mais trabalhoso fazer as coisas. Mas... É um caminho que tem que ser seguido pq pelo visto é isso que o mercado está pedindo.
mas vale a pena, o tempo que vc gasta tipando as variáveis e métodos você economiza no futuro, sabendo que tipo de dados aqueles métodos, objetos e etc vão retornar
@@jeferson4651 Talvez pra equipes grandes, com varias pessoas alterando o código. Quando uma equipe pequena que todos estão participando ou só vc esta participando do projeto, a lógica básica e os comentários devem resolver tranquilamente. Eu trabalho em agência, onde as coisas tem que ser rápidas, to tentando ver se realmente se aplica. Posso tentar pegar um projeto menor com prazo mais tranquilo e ver se vale a pena o esforço adicional e complexibilidade extra. Ainda é algo pouco obscuro pra mim.
Digamos que vc tem um projeto, aí vc fica 3 dias sem mexer nesse projeto, aí quer passar um Map em um array de objetos, mas não lembra mais se o objeto tem username ou name, e aí você tem que ir lá verificar, com TS vc tipando tudo certinho ele te retorna a lista com as chaves
Hoje eu praticamente não uso mais Redux, uso apenas o que mostrei ali do React Query (ou Apollo Client se for GraphQL) e se precisar outros estados não baseados em chamadas HTTP uso Context + Reducer ou Zustand.
Mano... não tenho rede social ou coisa do tipo, mais estou com uma duvida. estou desenvolvendo uma aplicação que sua base de dados só aceita uma requisição por vez, então estou precisando através do Front-end enviar uma série se requisição post e aguardar a resposta, estou tentando fazer um laço de repetição, mais só está enviando a última requisição de um array de requisições, sendo que no back-end funciona com o loop, mais queria fazer esse loop a partir do front, pode me passa uma ideia?!
e se caso eu tenho dois navegadores cadastrando produto um exemplo, e dai eu cadastro em um mas no outro preciso alterar, os 1 minutos não iam me atrapalhar ? alguém consegue dar uma dica sobre isso ?
Existe algum problema em usar react-query sem redux e manter o estado global no cache? É possível revalidar cache de página como no exemplo dado ["repos", 5] caso eu exclua um item, sendo necessário recalcular a paginação (regredir em 1).
Recentemente o Redux lançou uma nova ferramenta para busca de dados chamada RTK Query. Ela possui as mesmas funcionalidades do React Query porém utilizando o redux por debaixo dos panos. Se você já tem uma aplicação com redux vale muito a pena da uma olhada, visto que ela já vem embutida no Redux Toolkit, assim não será necessário instalar nenhuma nova dependência. Uma função do RTK que eu curto é a criação de hooks automática de hooks personalizados para cada endpoint que você define. Documentação com os hooks customizados: redux-toolkit.js.org/rtk-query/usage/queries#performing-queries-with-react-hooks
O mesmo conceito, mas no Next.js o cache acontece a nível de CDN, ou seja, a página inteira é cacheada diferente do React Query que apenas a resposta da requisição HTTP é cacheada.
Fala Rabelo, se eu não responder nada ao-vivo dai nem vale fazer live, melhor gravar o conteúdo hahaha, tem que ter um benefício pra quem está assistindo ao-vivo :)
Eu travei na parte do "npm run dev", ele indica um erro, eu tentei procurar soluções pelo chatGPT, porém não obtive sucesso, alguém poderia me ajudar? " PS C:\Users\User\Desktop\Study & Projects\API Study\RC_API_RESTful_com_React - Diego\data-fetching> npm run dev > data-fetching@0.0.0 dev > vite O sistema não pode encontrar o caminho especificado. node:internal/modules/cjs/loader:1078 throw err; ^ Error: Cannot find module 'C:\Users\User\Desktop\vite\bin\vite.js' at Module._resolveFilename (node:internal/modules/cjs/loader:1075:15) at Module._load (node:internal/modules/cjs/loader:920:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) at node:internal/main/run_main_module:23:47 { code: 'MODULE_NOT_FOUND', requireStack: [] } "
A OFERTA que TODO MUNDO não para de pedir será liberada: rseat.in/ENt90Atzj
Live começa em 04:53 - Parabéns pelo conteúdo! Como sempre, ímpar!
Valeu Andrelino!
são videos como esses que fazem eu querer gastar com a rocketseat. nota 10
Muito bom! Pra galera que quer ir direto pro conteúdo do título do vídeo, começa mesmo lá pelos 17:45.
Valeu, meu velho!
valeu demais Cara, salvou!
Biblioteca monstruosaaaaa, era o que eu precisava para economizar requisições para o meu banco rsrsrs
Não conhecia o react query. Atualizar no focus explodiu minha cabeça, aplicando pra já!
Seus vídeos continuam muito bons
Rapaz tua live é 10!
Você tem domínio das ferramentas e muita simplicidade para passar o conteúdo.
Valeu!
E eu criando e atualizando o stado kkk. Top Demais.
shooow dms Diegão, conteúdo muito foda! esperamos a parte 2 dessa live 😆
Tamo junto, Victor!
Começa aos 4:53
Estava buscando algum conteúdo que me ajudasse a melhorar a performance das minhas chamadas à API's e encontrei. Muito obrigado!
Esses conteúdos de live coding são demais!!
Que aulão! Valeu Diego, valeu Rocket! conteúdo sensacional, não conhecia nada sobre Stale While Revalidate, e agora já sei o conceito e ainda conheci essa ferramenta incrível que é o React Query! Valeu!!!
Que bom que curtiu, fico feliz mesmo!
O vídeo já começa a valer a pena com o lance do browser simples no vscode
Hahahahaha como que eu não descobri isso antes
O Diego foi fantástico nessa live, mas o chat... Uma parte dele estava ansiosa demais, já fazia perguntas sem nem esperar as coisas acontecerem ou ser o momento adequado pra perguntar.
Oi, qual a API de pagamento que oferece melhor custo benefício? Sugiro um video ensinando a consumir este tipo de API
Bah, cada negociação é única, não existe uma que satisfaça todos casos de uso. Uma fácil de integrar e simples de mostrar é o Stripe, Gumroad, entre outras. No Brasil existem milhares e infelizmente não consigo dizer qual se conecta melhor com seu modelo de negócio.
Tenho boas experiências com o Asaas
staleTime foi lindo demais!
A impressão que tenho é que o TS faz tudo dar uma volta maior e reinventa muito a roda. Fica mais trabalhoso fazer as coisas. Mas... É um caminho que tem que ser seguido pq pelo visto é isso que o mercado está pedindo.
mas vale a pena, o tempo que vc gasta tipando as variáveis e métodos você economiza no futuro, sabendo que tipo de dados aqueles métodos, objetos e etc vão retornar
@@jeferson4651 Talvez pra equipes grandes, com varias pessoas alterando o código. Quando uma equipe pequena que todos estão participando ou só vc esta participando do projeto, a lógica básica e os comentários devem resolver tranquilamente.
Eu trabalho em agência, onde as coisas tem que ser rápidas, to tentando ver se realmente se aplica. Posso tentar pegar um projeto menor com prazo mais tranquilo e ver se vale a pena o esforço adicional e complexibilidade extra.
Ainda é algo pouco obscuro pra mim.
@@rocooliveirap 2 semana estudando e usando TS, você dificilmente vai querer usar JS depois
Digamos que vc tem um projeto, aí vc fica 3 dias sem mexer nesse projeto, aí quer passar um Map em um array de objetos, mas não lembra mais se o objeto tem username ou name, e aí você tem que ir lá verificar, com TS vc tipando tudo certinho ele te retorna a lista com as chaves
Que vídeo incrível
Ótimo conteúdo! Adorei essa ferramenta ela é extremamente útil
Faaaaala, Leandro! Beleza? Que show que curtiu! É muito útil, né? 💜 🚀
Parabens pelo bom conteudo diego sempre excelente
Bom D+ este conteudo e eu não conhecia o React query.
Conteúdo top de mais....!!!!!!
Oi Diego você é de Rio do sul SC eu te vi em um supermercado rs
Oi Diego. Eu ensino Python e django. Já produzi um curso para o canal SINGULARIDATA sobre Python
Começa em 4:55
💜 🚀
Muito bom!
amei muito 😻😻😻😻😻😻😻
Ja experimentou usar o redaxios em vez do axios?
falou tudo 🥺🥺🤗🤗🙏
Posso utilizar junto com react native?
qual o nome desse plugin do terminal autosuggestions com um displayzinho? 17:46
Fig.io
O que você acha mais válido, utilizar Redux, fazer apenas da forma que você fez para fazer as requisições e retornar estados?
Hoje eu praticamente não uso mais Redux, uso apenas o que mostrei ali do React Query (ou Apollo Client se for GraphQL) e se precisar outros estados não baseados em chamadas HTTP uso Context + Reducer ou Zustand.
@@dieegosf Brabo demais!
Seria interessante criar o Hook próprio mesmo usando o react query ou swr? Assim tem uma independência da biblioteca "final".
Não, pode usar direto da lib.
Mano... não tenho rede social ou coisa do tipo, mais estou com uma duvida.
estou desenvolvendo uma aplicação que sua base de dados só aceita uma requisição por vez, então estou precisando através do Front-end enviar uma série se requisição post e aguardar a resposta, estou tentando fazer um laço de repetição, mais só está enviando a última requisição de um array de requisições, sendo que no back-end funciona com o loop, mais queria fazer esse loop a partir do front, pode me passa uma ideia?!
pode mandar o link do repositório?
ABSURDO! Desafio agora eh levar pra dentro dos projetos
Diego, se o repositório for apagado como você iria editar uma informação que já foi excluída ?
e se caso eu tenho dois navegadores cadastrando produto um exemplo, e dai eu cadastro em um mas no outro preciso alterar, os 1 minutos não iam me atrapalhar ? alguém consegue dar uma dica sobre isso ?
24:59 Kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
Depois que usou e desusou nos curso anterior vem fala que agora é a maneira certa kkkkkkkkk
Top, Diego. Qual font você utiliza no VSCode?
JetBrains Mono
Existe algum problema em usar react-query sem redux e manter o estado global no cache?
É possível revalidar cache de página como no exemplo dado ["repos", 5] caso eu exclua um item, sendo necessário recalcular a paginação (regredir em 1).
Não existe problema, inclusive é o recomendado. É possível revalidar sim, eu mostro isso no fim da aula.
Recentemente o Redux lançou uma nova ferramenta para busca de dados chamada RTK Query. Ela possui as mesmas funcionalidades do React Query porém utilizando o redux por debaixo dos panos.
Se você já tem uma aplicação com redux vale muito a pena da uma olhada, visto que ela já vem embutida no Redux Toolkit, assim não será necessário instalar nenhuma nova dependência. Uma função do RTK que eu curto é a criação de hooks automática de hooks personalizados para cada endpoint que você define.
Documentação com os hooks customizados:
redux-toolkit.js.org/rtk-query/usage/queries#performing-queries-with-react-hooks
Perdi a concentração depois da invertida que o Fabio levou
31:40 🤣😂😅
Sou do ignite como faço pra assistir o nitro fico salvo ?
O usar react-query com staleTime é a mesma coisa de usar SSG no next com revalidate?
O mesmo conceito, mas no Next.js o cache acontece a nível de CDN, ou seja, a página inteira é cacheada diferente do React Query que apenas a resposta da requisição HTTP é cacheada.
Saiu do Linux e voltou pro Mac?
To viajando, não deu pra trazer o Linux
@@dieegosf Ha ha blz! man! MacOs tbm é muito bom, mas o linux é muito suave
Como ativa essa função em que ele carrega as importações automaticamente?
Isso é uma extensão chamada TabNine e o auto importo do próprio VSCode.
Se eu não assistir à noite , posso assistir outra hora???
Pode
impossível te acompanhar meu amigo kkkkkk
Cara, ficar respondendo dúvidas durante a live é terrível, faça isso só no final... Use a toda tela também, pra quem é cego ajuda bastante. haha
Fala Rabelo, se eu não responder nada ao-vivo dai nem vale fazer live, melhor gravar o conteúdo hahaha, tem que ter um benefício pra quem está assistindo ao-vivo :)
@@dieegosf entendo, pessoal e ansioso... Tem que anotar e fazer no final. Você e foda demais, parabéns.
"chicote estalando atrás" piada de mau gosto hein
Não compreendi?!
Eu travei na parte do "npm run dev", ele indica um erro, eu tentei procurar soluções pelo chatGPT, porém não obtive sucesso, alguém poderia me ajudar? " PS C:\Users\User\Desktop\Study & Projects\API Study\RC_API_RESTful_com_React - Diego\data-fetching> npm run dev
> data-fetching@0.0.0 dev
> vite
O sistema não pode encontrar o caminho especificado.
node:internal/modules/cjs/loader:1078
throw err;
^
Error: Cannot find module 'C:\Users\User\Desktop\vite\bin\vite.js'
at Module._resolveFilename (node:internal/modules/cjs/loader:1075:15)
at Module._load (node:internal/modules/cjs/loader:920:27)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
at node:internal/main/run_main_module:23:47 {
code: 'MODULE_NOT_FOUND',
requireStack: []
} "