- Видео 15
- Просмотров 7 908
CodingCrew
Франция
Добавлен 15 июн 2022
🚀 À l'abordage de React - Présentation du module de "Manipulation des données"
Dans cette vidéo j'explique les sujets que l'on aborde au sein du module "Manipulation des données" dans notre cours "À l'abordage de React".
Il y en a pour plus d'une dizaine d'heures de contenu, au programme :
1️⃣ Les bases
- Récupérer des données depuis un composant
- Gestion des conditions de concurrences
2️⃣ Gestion des erreurs et des états de chargements
- Faire en sorte que l'UI soit le plus résiliant possible
3️⃣ Création de notre propre custom hook "useQuery"
- Implémentation des fonctionnalités principales
4️⃣ Techniques avancées (amélioration de notre custom hook)
- Rendre le hook générique
- Pagination
- Optimistic updates
- Gestion du cache
5️⃣ Intro à React Query (Tanstack)
- Remplacer l'i...
Il y en a pour plus d'une dizaine d'heures de contenu, au programme :
1️⃣ Les bases
- Récupérer des données depuis un composant
- Gestion des conditions de concurrences
2️⃣ Gestion des erreurs et des états de chargements
- Faire en sorte que l'UI soit le plus résiliant possible
3️⃣ Création de notre propre custom hook "useQuery"
- Implémentation des fonctionnalités principales
4️⃣ Techniques avancées (amélioration de notre custom hook)
- Rendre le hook générique
- Pagination
- Optimistic updates
- Gestion du cache
5️⃣ Intro à React Query (Tanstack)
- Remplacer l'i...
Просмотров: 273
Видео
🚀 Comment Bien Débuter avec le Cloud ? Un Consultant AWS nous Guide !💡
Просмотров 350Год назад
🌩️ Le cloud peut sembler intimidant, mais ne t'inquiète pas, nous sommes là pour t'aider ! Dans cette vidéo, je discute avec Amine, un consultant d'AWS Professional Services qui nous donne des conseils précieux sur comment bien commencer avec le cloud et notamment avec AWS. Que tu sois un développeur front-end ou fullstack, cette vidéo t'aidera à comprendre ce qu'est le cloud, où te former, que...
🔥 Shadcn - la collection de composants React qui boost ta productivité
Просмотров 1,9 тыс.Год назад
#reactjs #designsystem #typescript #tailwindcss #frontend Tu cherches à gagner en productivité tout en créant des composants de qualité ? Alors cette vidéo est pour toi ! 🚀 Dans cette vidéo, je te présente la collection de composants shadcn UI. Avec React, TailwindCSS, Radix, CVA, et TanStack Table, cette collection est un véritable atout pour augmenter ta productivité et la qualité de tes appl...
Radix UI : Comment Rendre une Modale Entièrement Accessible 🛠️
Просмотров 678Год назад
#reactjs #accessibility #frontend #refactoring #radixui Dans cette vidéo, je te guide à travers le processus de refactoring d'une modale créée manuellement pour la rendre 100% accessible grâce à la librairie Radix UI ! 🎬 L'accessibilité est essentielle pour offrir une expérience utilisateur inclusive et de qualité. C'est pourquoi je te montre comment améliorer la tienne en rendant ta modale ent...
🚀 Class Variance Authority (CVA) - Design System avec React/Typescript, TailwindCSS !
Просмотров 1,1 тыс.Год назад
#reactjs #designsystem #typescript #tailwindcss #frontend Dans cette vidéo, je te guide pas à pas pour intégrer un bouton à partir d'un design system en utilisant React, TypeScript, TailwindCSS et CVA (Class Variance Authority) ! 🎬 La gestion des variations peut devenir complexe, mais je te montre comment créer une solution simple à mettre en place et à maintenir ! 💪 Pour cet exemple, j'utilise...
🚀 Intégration d'un Bouton depuis un Design System avec React/Typescript et TailwindCSS
Просмотров 725Год назад
#reactjs #designsystem #typescript #tailwindcss #frontend Dans cette vidéo, je te guide pas à pas pour intégrer un bouton à partir d'un design system en utilisant React, TypeScript et TailwindCSS ! 🎬 La gestion des variations peut devenir complexe, mais je te montre comment créer une solution simple à mettre en place et à maintenir ! 💪 Pour cet exemple, j'utilise le design system de Preline.co ...
Bonjour j'ai essayé de programmer mon grille pain avec votre code mais pour raison obscure le résultat ressemble plus à un sèche cheveux.
Bonjour pouvez-vous me faire un site gratuit svp ? J'aimerais que vous gériez mes stocks également, et que vous vendiez à ma place. Je vous transmet mon RIB pour transférer le chiffre d'affaire merci
Haha, vendu ! Pouvez-vous m'envoyer un contrat ?
@@codingcrew ma mère ne veut pas
A part la conversion multiple il me semble que c'est natif
Oui il y a un color picker natif sur VSCode mais il est loin d'être aussi ergo et rapide que cette extension.
Salut, où est le lien de cette fameuse vidéo s'il vous plaît ?
Bonjour @tony-stark, elle est disponible ici: ruclips.net/video/k3jyVBrhq4w/видео.html
@@codingcrew super. merci
J'adore les librairies de composants. Tous les matins en me levant je vais lire leur code
c'est next.js, j'ai pas réussi à l'utiliser avec React a cause du typescripts
Justement tu peux l'utiliser sur n'importe quel framework. Parcontre j'ai jamais essayé sans typescript, je vais check 👍
Sympa, mais il manque un petit tuto demo. Une petite page web avec quelques composants et la gestion de leurs variantes. Histoire de voir en live ce que cela peut donner. Du basique sera largement suffisant, pour comparer avec d'autres solutions ...
Hello ! Merci pour ton commentaire, je prends note :)
excellente vidéo!
Merci :)
Merci pour cette vidéo intéressante, concise et de qualité. Je découvre votre chaine et je m'abonne direct !
Merci beaucoup à toi ! 👌au plaisir de te compter parmi le Crew !
Tellement pratique de ne pas réinventer la roue, enfin des composants compatibles avec mes projets sans avoir besoin de surcoucher.
Yes, ça va faire gagner énormément de temps et laisser la possibilité d'être facile à custom !
je trouve dommage que tu ai choisi le dialog comme exemple car il y a maintenant un element html dialog natif avec l'accessibilité built in donc de tous les composants c'est probablement celui qui bénéficie le moins d'une lib comme radix :/
Oui effectivement bien vu, je n'avais pas pensé à ça ! Selon toi, j'aurai dû commencer par présenter Radix avec quel composant?
@@codingcrew Peut être le Popover, Select ou un élément similaire, ils utilisent floating-ui under the hood qui gère plein de comportements et détails d'accessibilité complexes et chronophages à implémenter et pour lesquels le html nous laisse un peu tomber 😅
Haha ok vendu merci pour l'idée, ça m'aide à trouver le sujet de la prochaine vidéo ;)
Yes ! Top ! 🔥🔥🔥 Sujet très intéressant :)
Merci à toi !
Très utile, meriii.
Merci pour ton retour ! Y a t'il un composant ou un autre sujet que tu aimerais que je traite sur la chaîne ?
Yeah ! Vidéo au top ! Merci 🙏
Merci :-)
c'est trop 'class'
Thanks ! :-D
Merci beaucoup pour la vidéo. Je vais enfin pouvoir faire un site dans le thème des étoiles de mer de l'antartique
Sponge bob theme 👌
🎉🎉🎉🎉🎉❤❤❤❤❤🙂🙂🙂🙂🙂😉😉😉
Yes ! Top ! 🔥 Merci
Une excellente vidéo qui explique très clairement, de façon approfondie et très simplement tous les aspects important d'un Design System. Merci
Merci ! :) La prochaine sera plus intéressante :)
Trop bien j'adore les boutons
Du moment que ce sont des boutons qui restent derrière l'écran de l'ordi, j'aime bien, sinon non :)
J'adore manger !
Manger des lignes de code c'est assez spécial 🥐
Wow ! Clair et rapide ! 🔥🔥🔥
Merci :)
Bon appétit bien sûr !
🍔 itadakimasen !