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.
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!!!
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?!
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
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 ?
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á!
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
Estava buscando algum conteúdo que me ajudasse a melhorar a performance das minhas chamadas à API's e encontrei. Muito obrigado!
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
shooow dms Diegão, conteúdo muito foda! esperamos a parte 2 dessa live 😆
Tamo junto, Victor!
Seus vídeos continuam muito bons
E eu criando e atualizando o stado kkk. Top Demais.
Esses conteúdos de live coding são demais!!
Começa aos 4:53
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!
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
Rapaz tua live é 10!
Você tem domínio das ferramentas e muita simplicidade para passar o conteúdo.
Valeu!
staleTime foi lindo demais!
Ja experimentou usar o redaxios em vez do axios?
Oi Diego. Eu ensino Python e django. Já produzi um curso para o canal SINGULARIDATA sobre Python
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!
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.
Oi Diego você é de Rio do sul SC eu te vi em um supermercado rs
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.
Posso utilizar junto com react native?
Diego, se o repositório for apagado como você iria editar uma informação que já foi excluída ?
Conteúdo top de mais....!!!!!!
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?!
Muito bom!
Top, Diego. Qual font você utiliza no VSCode?
JetBrains Mono
Começa em 4:55
💜 🚀
amei muito 😻😻😻😻😻😻😻
pode mandar o link do repositório?
falou tudo 🥺🥺🤗🤗🙏
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
ABSURDO! Desafio agora eh levar pra dentro dos projetos
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 ?
Perdi a concentração depois da invertida que o Fabio levou
qual o nome desse plugin do terminal autosuggestions com um displayzinho? 17:46
Fig.io
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
Se eu não assistir à noite , posso assistir outra hora???
Pode
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.
Depois que usou e desusou nos curso anterior vem fala que agora é a maneira certa kkkkkkkkk
24:59 Kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
31:40 🤣😂😅
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: []
} "