React Query en 40 minutes - Cours complet débutant

🎁 Cours GRATUIT sur useQuery : codelynx.dev/nextreact/use-qu... 🎁
Projet : github.com/Melvynx/react-quer...
00:00 - Intro
00:23 - Setup projet
01:45 - Pourquoi React Query ?
04:00 - Le Query Client
05:51 - Refactor useEffect to React Query
12:00 - Page user
15:00 - React Query dev tools
17:00 - Multiple Requests
23:00 - Mutation
31:00 - Post page
38:00 - Outro
▶ VIDÉO
Dans cette vidéo, nous plongerons dans le monde de React et explorerons le hook useQuery. Si vous connaissez React, vous avez probablement entendu parler de ce hook et l'avez peut-être même utilisé auparavant. Cependant, si vous êtes nouveau sur React, ou si vous n'avez pas encore eu la chance d'explorer ce puissant hook, alors cette vidéo est parfaite pour vous.
useQuery est un hook qui fait partie de la bibliothèque Apollo Client, et il nous permet de récupérer des données à partir d'une API GraphQL et de gérer ces données dans nos composants React. Dans cette vidéo, nous couvrirons les bases de useQuery, y compris comment le configurer, comment l'utiliser pour récupérer des données à partir d'une API GraphQL, et comment gérer les états de chargement et d'erreur.
Nous examinerons également certains cas d'utilisation plus avancés de useQuery, notamment la façon de transmettre des variables à nos requêtes et comment utiliser la mise en cache de requêtes pour optimiser les performances. À la fin de cette vidéo, vous aurez une compréhension solide de la façon d'utiliser useQuery dans vos propres projets React et de tirer parti de toutes ses fonctionnalités puissantes.
Si vous cherchez à améliorer vos compétences en React, ou si vous voulez simplement en savoir plus sur useQuery, alors cette vidéo est à regarder absolument !
▶ ME SUIVRE
🐦 Mon Twitter : / melvynxdev
🖥 Mon GitHub : github.com/Melvynx
📑 Mon Blog : codelynx.dev
💌 Ma Newsletter : melvynx.com/emails
Music from Uppbeat (free for Creators!):
uppbeat.io/t/sonda/freedom
License code: YAJZT1FABTNXFCJP
Music from #Uppbeat (free for Creators!):
uppbeat.io/t/mojo/rumble
License code: BZ8ZMKRNVGT59SEH
#javascript #developper #react #reactjs #reactjstutorial #reactjsdeveloper #reactjscourse #reactjsforbeginners #reactjsproject

[@estebancatanea]

Merci beaucoup Melvyn ! ☺

[@melvynxdev]

Merci à toi !

[@aminetakdjout6545]

très bien expliquer merci beaucoup

[@melvynxdev]

merci beauocup !

[@simonj9945]

Super vidéo c'est tout à fait ce que je cherchais! Merci! Petite note sur les promises: ça se dit "promiss" plutôt que "promaïze".

[@melvynxdev]

Merci, j'ai un problème avec ça oui

[@Baskad]

c'est vraiment trés cool avec une chaleureuse explication.🤩🤩🤩🤩🤩

[@melvynxdev]

Merci bcp !

[@Baskad]

@@melvynxdev Ah je vous en prie,je travaille avec React Js et node JS et bien est ce que y a des librairies qui facilitent la gestion d'authentification en utilisant les cookies avec les options de sécurités activitées

[@TheRicoco2011]

Bonnes explications, merci. Ce serait cool si tu pouvais montrer comment organiser le code pour être plus modulaire et évolutif, mais en 40 min, c’était sûrement pas possible. Je vais aller regarder ton cours complet. Tu fais mention de Zod, en parles-tu plus en détail quelque part ? As-tu une page listant l’ensemble de tes cours gratuits et payants, stp?

[@TheRicoco2011]

@@leD13 Ca semble être une landing page de BeginReact, ça parle pas des autres formations.

[@melvynxdev]

Hello, je vais bientôt faire une "page" qui contient tous mes cours, tu as bien raison. Tu peux en attendant aller sur ce lien : codelynx.dev/nextreact/use-query afin de pouvoir voir le cours gratuit et il sera mention du cours payant dans celui-ci

[@franckapik]

Salut Melvyn ! Merci pour ta vidéo. Dis moi a quel extension de VScode correspondent les lignes rouges qui apparaissent brièvement lorsque tu écris ?

[@melvynxdev]

Hello, Error Lens !

[@marcrichet2626]

Hello, pourquoi n'utilises tu pas async-- await pour les fetch en lieu et place du .then()? Merci

[@melvynxdev]

Hello, meilleur syntaxe dans ces cas ! J'en ferrais une vidéo

[@user-qg6hg6kg4j]

salut melvyn, je peut savoir quel est ton theme ?

[@melvynxdev]

Hello,c'est Dracula !

[@nilauberge6574]

Plus leger que rtk j'aime bien

[@melvynxdev]

Oui clairement

[@devgamer587]

Possible de l’utiliser aussi avec react native ?

[@TheRicoco2011]

Oui je le fais. Par contre, je n'ai pas réussi à configurer le devtools, ce qui est très dommage. Je pense que c'est possible de le faire, mais c'est très compliqué.

[@yutsu1851]

oui tu peux le faire :)

[@leD13]

​@@TheRicoco2011 dev tools ne marchera pas avec native vu qu'il utlise le DOM 😁

[@melvynxdev]

Hello, alors je suis pas un fan de React Native donc je n'ai pas de réponse, mais je pense qu'Eric à une très bonne réponse.

[@birladotech9706]

Oui moi je l’ai fait

[@userinconnu2852]

C’est un peu bidon votre truc mdr ! Arrêtez vos api rest et passer à graphql Apollo/server et Apollo/client. Pour une api rest redux c’est le feu pourquoi faire du apollo pour une api rest ? T’embrouille les débutants car y a pas de contexte malgré cela merci de fournir du contenu au débutants tu fais avancer les choses

[@melvynxdev]

mdr