Por que eu NÃO utilizo React Query com Next.js

  Рет қаралды 3,573

Huriel

Huriel

Күн бұрын

Пікірлер: 20
@TutoDS2014
@TutoDS2014 8 ай бұрын
Pode partilhar o repositório?
@emersontrindade299
@emersontrindade299 8 ай бұрын
UP
@Huriel
@Huriel 8 ай бұрын
Opa! Claro: github.com/huri3l/pokelist-nextjs
@daniellimae
@daniellimae 8 ай бұрын
Ah, e concordo com os pontos! Porém a facilidade de lidar com o status da requisicao, assim como saber quando ele ta refetchin ( isRefetching ) é uma facilidade muito grande do tanstack ainda pra mim. Acredito que num futuro o next ja venha com essa forma de lidar ainda mais concreditazada e mastigadinha pra nós.
@Huriel
@Huriel 8 ай бұрын
Seria sensacional se o Next ao invés de tentar implementar cache do 0, integrasse o React Query assim como fez com o Tailwind... É um sonho pessoal hahahh
@FelipeNeriOfficial
@FelipeNeriOfficial 3 ай бұрын
Cara, fiquei mais de um ano sem mexer com react e next, fui criar um projetinho pra tentar me “atualizar” e só passei nervoso, as coisas mudam muito rápido, principalmente o nextjs. Agora assistindo seu vídeo já me animou novamente! Obrigado pelo conteúdo!
@daniellimae
@daniellimae 8 ай бұрын
Muito bom o video e a forma que explica!!! Talvez se vc usar de cortes ( nao cortes secos ) fique mais didadico e doce de assistir ainda. Recomendo que use um capcut da vida, vai simplificar bastante
@Huriel
@Huriel 8 ай бұрын
Obrigado pela sugestão!! Voltei há pouco tempo para produzir conteúdo e ainda to me acostumando com a edição hehe
@PedroHenriqueTSI
@PedroHenriqueTSI 6 ай бұрын
ótimo conteudo man, hoje utilizo bastate o reat-query pois trabalho em uma plataforma de pagamentos, e preciso refazer algumas requisições a depender de ações do usuário, se não fosse por isso, acredto que não utilizaria o react-query em conjunto com o next, mas são casos e casos
@amorimcode
@amorimcode 8 ай бұрын
eu acho ruim tbm, prefiro manter as requisições com axios e gerenciar estados mais complexos com zustand
@Huriel
@Huriel 8 ай бұрын
É uma ótima ideia! Sem contar que os estados do Zustand podem ser consumidos tanto Server Side quanto Client Side
@alucard3397
@alucard3397 3 ай бұрын
obrigado amigo
@EJDEV
@EJDEV 18 күн бұрын
Teria como eu usar isso pra infinity scrol?
@TrendTokSuper
@TrendTokSuper 7 ай бұрын
Cara tenho uma pagina cliente que no post ela chama um método do tipo server componente, o qual não faz requisição pra uma api, ele já comunica com o banco direto através do prisma. fazendo inserta, update e delete conforme os registro é enviado. porem não consigo fazer a atualização, e nem usar o bloco de transação do prisma. Eu ate tentei usar Action no form do nextjs, mas estou usando o onsubmit no form.
@orevogabe
@orevogabe 8 ай бұрын
Então acho que essa comparação foi sem sentido, pois você ta comparando as coisas mais superficiais do Next e do React Query, sim Next faz o cache mas você nao mostrou nem um terço do que o React Query pode fazer, o DX e o controle que o React Query dá são muito melhores que apenas o cache do next, vou te dar um exemplo básico mas talvez voce possa se aprofundar ainda mais. Vamos supor que voce esta fazendo um chat de mensagens e voce esta cacheando elas: No React Query: Assim que voce enviasse uma mensagem voce poderia pegar a Query Key, puxar o cache, selecionar os dados antigos e inserir a sua mensagem nova direto no cache sem precisar refazer a querie novamente, apenas refazer quando atualizar a pagina No Next: Voce necessariamente precisaria revalidar a querie inteira e ele fazer uma nova Fetch. Fora a DEVTOOLS Isso é apenas um exemplo de milhares que temos no React Query, o Next ainda esta iniciando na DX para Cache deles, recentemente foi implementado o uso de Keys para revalidar queries pois antigamente nao tinha isso. Sugiro voce testar mais coisas do React Query para entender melhor a complexidade dele.
@Huriel
@Huriel 8 ай бұрын
Opa! Realmente, o React Query tem uma DX indiscutivelmente superior ao Next no momento. Mencionei no vídeo também cenários onde acredito que o React Query seja uma boa escolha, mas não comentei sobre o próprio debugging dele que é sensacional! Acontece que a maioria dos projetos que desenvolvi desde o lançamento do Next 14 não precisavam da complexidade que o React Query envolve, mas atualmente estou trabalhando em um onde o React Query é utilizado por ter bastante componentes Client Side, e o controle das queries funciona muito bem.
@orevogabe
@orevogabe 8 ай бұрын
@@Huriel Acho que seu ponto é valido para quando vamos fazer projetos muito pequenos, porém assim que vamos aumentando o escopo do projeto é impossivel usar apenas o Next, e mesmo sendo Serve Side o Prefetch do react query funciona super bem. E parabéns pelo video apesar de eu descordar lenimente desejo sucesso. abraço!
@Huriel
@Huriel 8 ай бұрын
@@orevogabe que isso meu querido, agradeço a você pela opinião!! Realmente, eu deveria ter mencionado que é necessário tomar cuidado com essa decisão. Acredito que o React Query não deve ser utilizado em um projeto pequeno, mas que o dev saiba que vai ser pequeno, porque se escalar... Aí pode ter problemas de não usar ele hauhuahuahua Abraço!
@mauricioroberto5623
@mauricioroberto5623 8 ай бұрын
ué server actions tem cache ?
@Huriel
@Huriel 8 ай бұрын
Não, server actions não. Elas tem a configuração no-store de cache por padrão, pois as requisições feitas através dela são do tipo POST
Next 14 + React Query COMBO with Server Actions and RSC
9:49
developedbyed
Рет қаралды 118 М.
Eu RESUMI o Next.js 14 para você! (Server Components & Actions)
24:10
Wall Rebound Challenge 🙈😱
00:34
Celine Dept
Рет қаралды 23 МЛН
Правильный подход к детям
00:18
Beatrise
Рет қаралды 10 МЛН
REAL or FAKE? #beatbox #tiktok
01:03
BeatboxJCOP
Рет қаралды 16 МЛН
2 Maneiras de ter baixo acoplamento com ORM
10:14
Waldemar Neto - Dev Lab
Рет қаралды 6 М.
Fetching Data with Nextjs | 3 Different Patterns
7:51
Ras Mic
Рет қаралды 18 М.
Como Usar Feature Flags no React com PostHog
7:30
Fernando Belotto
Рет қаралды 15 М.
Nova atualização do shadcn/ui - IMPRESSIONANTE
8:49
Huriel
Рет қаралды 3,6 М.
Fetching Data Doesn't Get Better Than This
6:58
Josh tried coding
Рет қаралды 138 М.
Why I don't use React-Query and tRPC in Next.js
18:58
ByteGrad
Рет қаралды 99 М.
ТОП 7 Антипаттернов React. Ошибки, которые УГРОБЯТ твой проект
1:14:50
REACT QUERY: COMO FAZER REQUESTS NO REACT.JS? (useQuery e useMutation)
27:52
Next.js 14 Server Actions com Zustand e React Server Components
37:59
DeveloperDeck101
Рет қаралды 5 М.