- 91
- 72 310
La minute de code
France
เข้าร่วมเมื่อ 11 มิ.ย. 2022
Bienvenue sur ma chaîne TH-cam dédiée au développement web !
Si vous cherchez à améliorer vos compétences en matière de développement web, vous êtes au bon endroit. Je propose des vidéos sur des sujets tels que HTML, CSS, JavaScript, React, Vue.js, Angular, Node.js, et bien plus encore.
Abonnez-vous à ma chaîne pour ne rien manquer de mes prochaines vidéos et rejoignez ma communauté de développeurs passionnés !
Si vous cherchez à améliorer vos compétences en matière de développement web, vous êtes au bon endroit. Je propose des vidéos sur des sujets tels que HTML, CSS, JavaScript, React, Vue.js, Angular, Node.js, et bien plus encore.
Abonnez-vous à ma chaîne pour ne rien manquer de mes prochaines vidéos et rejoignez ma communauté de développeurs passionnés !
React JS 19 : Toutes les nouveautés de la version 19 de React JS | Tutoriel Complet
Dans cette vidéo, on plonge ensemble dans les toutes dernières fonctionnalités de React 19 ! Des améliorations de performance aux nouveaux hooks, sans oublier les changements de l’API, je vous explique tout ce qu’il faut savoir pour rester à jour sur cette version.
Au programme :
-Nouvelles fonctionnalités de React 19
-Améliorations de performance
-API mises à jour
-Astuces pour intégrer ces nouveautés dans vos projets
Que vous soyez développeur expérimenté ou débutant, cette vidéo vous aidera à prendre en main les changements de React 19 pour mieux optimiser vos applications ! 🎯
👉 Abonnez-vous pour ne rien manquer des prochaines vidéos et laissez un 👍 si cette vidéo vous est utile !
▶️ Video NextJS 15: m.th-cam.com/video/rbS3ag_79rk/w-d-xo.html
➡️ Problèmes lors du tuto ? Bug ? Erreur ? contacter nous sur le discord: discord.laminutedecode.io
🚀 Me suivre :
➡️ SITE: laminutedecode.io
➡️ DISCORD: discord.laminutedecode.io
➡️ INSTAGRAM: laminutedecode
➡️ TIKTOK: www.tiktok.com/@laminutedecode
➡️ TWITCH: www.twitch.tv/laminutedecode
➡️ GITHUB: github.com/laminutedecode
00:00 Introduction
00:47 Installer la version 19
01:17 Le hook useTransition
07:06 Le hook useActionState
13:29 Le hook useFormStatus
20:08 Changement avec les refs
23:37 Changement avec l'API Context
27:25 L'API use
31:05 Les actions
37:06 Les server components
43:20 Les métadonnées
46:01 Préchargement et chargement des ressources
48:35 Prise en charge des script async
49:59 Conclusion
✈️ Keys:
#programmation #developpeur #apprendreacoder #apprendreàcoder #programmer #frenchdeveloper #developpeurweb #programming #jeuxvideo #twitchfr #twitch #html #css #javascript #framework #frontend #backend #backenddeveloper #frontenddeveloper #frontenddev #formation #logiciel #ingenieur #webdesigners #coder #bootstrap #materialize #bulma #greensock #php #mysql #sql #vuejs #react #jquery #apprendreledev #coding
Au programme :
-Nouvelles fonctionnalités de React 19
-Améliorations de performance
-API mises à jour
-Astuces pour intégrer ces nouveautés dans vos projets
Que vous soyez développeur expérimenté ou débutant, cette vidéo vous aidera à prendre en main les changements de React 19 pour mieux optimiser vos applications ! 🎯
👉 Abonnez-vous pour ne rien manquer des prochaines vidéos et laissez un 👍 si cette vidéo vous est utile !
▶️ Video NextJS 15: m.th-cam.com/video/rbS3ag_79rk/w-d-xo.html
➡️ Problèmes lors du tuto ? Bug ? Erreur ? contacter nous sur le discord: discord.laminutedecode.io
🚀 Me suivre :
➡️ SITE: laminutedecode.io
➡️ DISCORD: discord.laminutedecode.io
➡️ INSTAGRAM: laminutedecode
➡️ TIKTOK: www.tiktok.com/@laminutedecode
➡️ TWITCH: www.twitch.tv/laminutedecode
➡️ GITHUB: github.com/laminutedecode
00:00 Introduction
00:47 Installer la version 19
01:17 Le hook useTransition
07:06 Le hook useActionState
13:29 Le hook useFormStatus
20:08 Changement avec les refs
23:37 Changement avec l'API Context
27:25 L'API use
31:05 Les actions
37:06 Les server components
43:20 Les métadonnées
46:01 Préchargement et chargement des ressources
48:35 Prise en charge des script async
49:59 Conclusion
✈️ Keys:
#programmation #developpeur #apprendreacoder #apprendreàcoder #programmer #frenchdeveloper #developpeurweb #programming #jeuxvideo #twitchfr #twitch #html #css #javascript #framework #frontend #backend #backenddeveloper #frontenddeveloper #frontenddev #formation #logiciel #ingenieur #webdesigners #coder #bootstrap #materialize #bulma #greensock #php #mysql #sql #vuejs #react #jquery #apprendreledev #coding
มุมมอง: 339
วีดีโอ
Next.js 15 - Toutes les nouveautés de la version 15 de Next JS | Tutoriel Complet
มุมมอง 1K9 ชั่วโมงที่ผ่านมา
Dans cette vidéo, plongez dans les nouvelles fonctionnalités et améliorations de Next.js version 15 ! Que vous soyez développeur débutant ou confirmé, ce tutoriel complet vous guidera à travers les nouveautés qui rendent Next.js encore plus puissant et flexible pour vos projets web. 🔍 Au programme : -Améliorations de performance : Découvrez comment Next.js 15 optimise le rendu de vos applicatio...
Maitriser JSON server et les APIs RestFull
มุมมอง 341วันที่ผ่านมา
Dans ce tutoriel, découvrez comment créer et utiliser une API RESTful avec JSON Server pour vos projets. JSON Server est l'outil idéal pour simuler une base de données et gérer facilement vos endpoints, parfait pour le prototypage rapide et le développement d'applications. 🔍 Ce que vous allez apprendre : Installation de JSON Server : Comment installer et démarrer JSON Server en quelques minutes...
Intégrer une landing page sur Wordpress avec PHP, XAMPP et ACF
มุมมอง 188วันที่ผ่านมา
➡️ Vidéo développement de la Landing Page en HTML, CSS et Javascript: th-cam.com/video/0tGQRNN0H2M/w-d-xo.html Dans cette vidéo, nous vous montrons comment intégrer efficacement une landing page en utilisant PHP, XAMPP, WordPress et l'extension ACF (Advanced Custom Fields). Que vous soyez développeur débutant ou expérimenté, ce tutoriel vous guidera à travers chaque étape du processus. 🔍 Ce que...
Apprendre Laravel de A à Z - Formation complète
มุมมอง 193วันที่ผ่านมา
Dans cette formation complète sur Laravel, vous apprendrez à maîtriser l’un des frameworks PHP les plus populaires du marché. Tout d’abord, nous commencerons par une introduction aux concepts de base de Laravel, en abordant son installation et sa configuration initiale. Ensuite, vous découvrirez les principes fondamentaux du routage, de la gestion des contrôleurs et des vues, ainsi que l’utilis...
Apprendre le WebDesign avec Figma
มุมมอง 52614 วันที่ผ่านมา
Dans cette vidéo, plongez dans l'univers du WebDesign avec Figma, l'un des outils de conception les plus populaires parmi les designers modernes. Que vous soyez débutant ou que vous souhaitiez perfectionner vos compétences, ce tutoriel vous guidera à travers les bases de la conception d'interfaces utilisateur. Ce que vous allez apprendre : 🔹 Introduction à Figma : Qu'est-ce que Figma et pourquo...
Système de réservation + send d'email avec Next JS, React Email, Prisma, SQlite et React Hook Form
มุมมอง 52314 วันที่ผ่านมา
Dans ce tutoriel complet, apprenez à créer un système de réservation fonctionnel qui envoie des e-mails de confirmation à l'aide de Next.js, React Email, Prisma, SQLite et React Hook Form. Je vous guiderai pas à pas pour intégrer ces technologies et développer une application moderne et réactive. Ce que vous allez apprendre : 🔹 Configurer un projet Next.js pour le développement d'applications w...
Le Crud avec Prisma, Tanstack Query, Next JS et Typescript
มุมมอง 36428 วันที่ผ่านมา
Dans ce tutoriel, apprenez à mettre en place un CRUD complet (Create, Read, Update, Delete) avec Prisma, TanStack Query, Next.js et TypeScript. Je vous guiderai à travers chaque étape pour créer une application moderne et efficace, capable de gérer les données de manière fluide et intuitive. Ce que vous allez apprendre : 🔹 Configurer un projet Next.js avec TypeScript pour le développement d'app...
Création et envoie d’e-mails avec React Email et NodeMailer
มุมมอง 268หลายเดือนก่อน
Dans ce tutoriel, apprenez à créer et envoyer des e-mails en utilisant React Email et NodeMailer. Je vous guiderai à travers chaque étape du processus, de la configuration de votre projet à l’envoi d’e-mails personnalisés. Ce guide est idéal pour ceux qui souhaitent intégrer des fonctionnalités d’envoi d’e-mails dans leurs applications web. Ce que vous allez apprendre : 🔹 Configurer votre proje...
Coder une Landing page (Villa réservation) avec Next JS, Tailwind CSS et ShadCN
มุมมอง 463หลายเดือนก่อน
➡️ Problèmes lors du tuto ? Bug ? Erreur ? contacter nous sur le discord: discord.com/invite/HErpkxbmbS ➡️ Fichiers sources: github.com/laminutedecode/location-app-youtube 🔗 Formations et Tutoriels : ➡️ Site web: laminutedecode.io 🚀 Me suivre sur les réseaux sociaux : ➡️ INSTAGRAM: laminutedecode ➡️ TIKTOK: www.tiktok.com/@laminutedecode ➡️ TWITCH: www.twitch.tv/laminutedecode ➡️...
Coder un lecteur audio avec Next JS, Typescript et Howler JS
มุมมอง 249หลายเดือนก่อน
Dans ce tutoriel, apprenez à créer un lecteur audio interactif en utilisant Howler.js, une bibliothèque JavaScript puissante pour gérer l'audio dans vos applications web. Je vous guiderai à travers le processus d'intégration de Howler.js pour jouer, mettre en pause et contrôler vos pistes audio avec une interface utilisateur simple et réactive. Ce que vous allez apprendre : 🔹 Configurer votre p...
Validation de données avec Yup, Next JS et Typescript
มุมมอง 118หลายเดือนก่อน
Validation de données avec Yup, Next JS et Typescript
Maitriser les algorithmes en Javascript - Formation complète
มุมมอง 3333 หลายเดือนก่อน
Maitriser les algorithmes en Javascript - Formation complète
MagicWebBox la boite à outils ultime pour les développeur web et les webdesigner
มุมมอง 4123 หลายเดือนก่อน
MagicWebBox la boite à outils ultime pour les développeur web et les webdesigner
Coder un Blog complet avec Next JS, Tailwind CSS, ShadCN, Firebase et React Hook Form
มุมมอง 1.8K3 หลายเดือนก่อน
Coder un Blog complet avec Next JS, Tailwind CSS, ShadCN, Firebase et React Hook Form
Authentification avec Kinde, Next JS et Typescript
มุมมอง 2723 หลายเดือนก่อน
Authentification avec Kinde, Next JS et Typescript
Maitriser l'extension Emmet avec Visual Studio Code
มุมมอง 2394 หลายเดือนก่อน
Maitriser l'extension Emmet avec Visual Studio Code
Coder un Mini SaaS avec Next JS, Clerk, ShadCN, Tailwind CSS, Typescript et Prisma
มุมมอง 9174 หลายเดือนก่อน
Coder un Mini SaaS avec Next JS, Clerk, ShadCN, Tailwind CSS, Typescript et Prisma
Apprendre Javascript de A à Z - Formation complète
มุมมอง 1784 หลายเดือนก่อน
Apprendre Javascript de A à Z - Formation complète
Apprendre React JS de A à Z - Formation complète
มุมมอง 1324 หลายเดือนก่อน
Apprendre React JS de A à Z - Formation complète
Apprendre Bulma de A à Z - Formations complète
มุมมอง 534 หลายเดือนก่อน
Apprendre Bulma de A à Z - Formations complète
Développer et intégrer un thème Wordpress en PHP - Formation complète
มุมมอง 464 หลายเดือนก่อน
Développer et intégrer un thème Wordpress en PHP - Formation complète
Apprendre HTML CANVAS de A à Z - Formations complète
มุมมอง 664 หลายเดือนก่อน
Apprendre HTML CANVAS de A à Z - Formations complète
Apprendre Typescript de A à Z - Formation complète
มุมมอง 484 หลายเดือนก่อน
Apprendre Typescript de A à Z - Formation complète
Apprendre SCSS et SASS de A à Z - Formations complète
มุมมอง 304 หลายเดือนก่อน
Apprendre SCSS et SASS de A à Z - Formations complète
Apprendre Bootstrap de A à Z - Formations complète
มุมมอง 224 หลายเดือนก่อน
Apprendre Bootstrap de A à Z - Formations complète
Apprendre à maitriser les formulaires en CSS et Javascript
มุมมอง 374 หลายเดือนก่อน
Apprendre à maitriser les formulaires en CSS et Javascript
Apprendre SQL de A à Z - Formations complète
มุมมอง 694 หลายเดือนก่อน
Apprendre SQL de A à Z - Formations complète
Apprendre PHP de A à Z - Formations complète
มุมมอง 514 หลายเดือนก่อน
Apprendre PHP de A à Z - Formations complète
Merci, seulement la v6 est là, on a besoin d'une update.
C’est noter 🌟😁 reste connecté
@@laminutedecode merci beaucoup
React js
Hello contact moi sur Instagram pour que je puisse t’envoyer le lien (@laminutedecode) 🌟
Bonjour, Savez-vous à quand la v19 officiellement stable ? Cette v19 engendre beaucoup de problèmes de compatibilité avec la plupart des packages vu qu'on est toujours à v18
Bonjour , Effectivement il y’a encore des petits soucis au niveau des packages et de la compatibilité, j’ai eu le même soucis pour Next Auth avec Next JS, je ne sais pas la date exacte mais je pense qu’ils vont régler le soucis rapidement , si j’ai cette infos je vous tiens au courant très vite , Bien à vous Jonathan
@@laminutedecode Merci beaucoup
Avec plaisir
Excellentes videos, non seulement celle-ci mais aussi toutes les autres.
🙏🏼🔥 un grand merci pour ton soutien
Salut, je suis en train de faire mon portefolio en next js 15 et avec next-intl, sauf que next-intl me semble pas à jour pour next 15 au niveau des peer dependencies. Du coup je fais un -force en développement mais quand je le déploie sur vercel, l’erreur revient mais j’ai pas envie de faire de changer la commande “npm install” en “npm install -force” pour toutes les dependences en prod. Aurait tu des informations à ce sujet voire même une solution stp. Je n’ai rien trouvé pour l’instant 😢 j’ai très envie de le faire en version 15 mais si jpeux pas jmen sens obligé de continuer sur la version 14
React Js 🧑💻💪
Hello, contact moi sur Instagram (@laminutedecode) pour que je pui sur t’envoyer le lien par DM 🔥🔥🔥
Reactjs
Helllo , contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien par dm 🔥🔥🌟
React js
Hello, contact moi sur Instagram que je puisse t’envoyer le lien en DM. Laminutedecode sur Instagram 🌟🌟🌟
🎉réaction Js
Hello, contact moi sur Instagram que je puisse t’envoyer le lien en DM. Laminutedecode sur Instagram 🌟🌟🌟
ReactJs
Hello, contact moi sur Instagram que je puisse t’envoyer le lien en DM. Laminutedecode sur Instagram 🌟🌟🌟
ReactJS
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM 🔥
React js
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien 🌟
React JS
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien 🌟
React Js😊
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien 🌟
C'est possible d'avoir le widget de l'horloge sur ton bureau en début de vidéo s'il te plaît 🥲
Hello c’est un fond d’écran de Lively wallpaper
@@laminutedecode d'accord je cherche merci
🌟🌟
Reactjs
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM 🌟
Bonjour il y a un point qui me chiffonne sur les server component, sur un projet react vitejs, sans next ou express ssr, le code s’exécute bien sûr mon serveur? Le code du composants ne devait pas être visible dans le navigateur?
Bonjour, Oui effectivement, les fonctions des server components ne sont pas visibles par le client. Les server components sont exécutés uniquement sur le serveur, ce qui signifie que le code qu’ils contiennent, y compris les fonctions, ne sont jamais exposés directement au navigateur. Tu peut maintenant utiliser la directive use server comme pour next js pour déclare ton composant comme un composant server , Bien à toi Jonathan.
@@laminutedecode je viens de faire le test sauf erreur de ma part tout s'exécute coté client, les console.log sont sur le navigateur et le code source complet et présent sur le navigateur.
Étrange , As tu bien mis à jour React et React Dom ? As tu bien utiliser le use server ? Si tu veut nous pouvons regarder le problème ensemble sur le discord discord.laminutedecode.io
@@laminutedecode je viens de poster sur discord mon probleme
Ça marche
Excellent, si possible de zoomer sur mobile on va pas bien
Hello, merci pour ton retour et ton soutien , je prend note pour les prochaines 🌟
React js ! 🎉
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM 🌟
ReactJS
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM
bonne vidé GG pouce bleu
Merci à toi 🙏🏼😁🌟
salut ReactJs
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM
ReactJs
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien 🌟
ReactJS
Hello, contact moi sur Instagram pour que je puisse t’envoyer le lien en DM 🌟 laminutedecode sur Instagram
@@laminutedecode je n'ai pas insta dsl
As tu discord ?
@@laminutedecode oui j'ai discord car j'ai souscrit à plusieurs fde tes ormations dont d'ailleurs je recommande 👍
REACTJS
Hello, contact moi sur Instagram pour que je puisse t’envoyer le lien en DM 🌟 laminutedecode sur Instagram
Au top !! 🎉 React Js
Hello, contact moi sur Instagram pour que je puisse t’envoyer le lien en DM 🌟 laminutedecode sur Instagram
tu es bon.
Merci pour le soutien 🙏🏼😁
Nice
🔥🔥🙏🏼
React js
Hello, envoi moi un message sur Instagram que je tenvoi le lien en DM ,
@@laminutedecode c’est fait ✅
🔥🔥🔥
Coucou quelle difference pour une base de donnes en production merci
Hello, En production il va falloir protéger les routes et les actions par rapport aux utilisateurs est aux fonctions que tu veut accorder ou non , dans ton code et sur Firebase également , le prochain projet justement nous allons faire une application complète jusqu’à sa mise en production, se sera disponible sur la chaîne en rediffusion sinon en live le samedi à 21h30 sur TH-cam et Twitch, Bien à toi Jonathan
@@laminutedecode cool vivement cet épisode que je vais attendre avec impatience
Je t’en pris avec plaisir 🙏🏼😁
ReactJs
Hello contact moi sur Instagram pour que je puisse t’envoyer le lien par DM 🌟 laminutedecode sur Instagram
React js
Hello contact moi sur Instagram pour que je puisse t’envoyer le lien par DM 🌟 laminutedecode sur Instagram
ReactJS
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM 🌟🌟
c'est une superbe initiative ! j'espère être encore dans les 100, c'est l'ensemble des choses que je voulais voir :D
Tu y est 🔥🔥🔥🔥
@@laminutedecode c'est partit !
N’hésite pas en cas de besoin
ReactJs
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM 🌟🌟
Suis déjà abonné 😢
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM 🌟🌟
Réact js
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM 🌟🌟
ReactJS
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM 🌟🌟
ReactJs
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM 🌟🌟
C'est fait !
Lets go 🔥🔥🔥
Réact js
Hello, contact moi sur Instagram (@laminutedecode) pour que je puisse t’envoyer le lien en DM 🌟🌟
Merci
Avec plaisir 🙏🏼🌟
Merci beaucoup pour ta présentation ! Tu gères !
Je t’en pris avec plaisir , merci à toi pour le soutien 🙏🏼
Merci pour cette présentation !
Je t’en pris avec plaisir 🔥
Je n'ai pas eu le temps de regarder, mais ça viendra. 😇
Hey , La vidéo est là elle ne bougera pas prend ton temps 😁 et n’hésite pas si tu as des questions Bien à toi Jonathan
Merci pour la video. Tres utiles pour moi qui suit en bootcamp developpeur fullstack.
Merci à toi pour ton retour et ton soutiens , et bon courage pour ton bootcamp Au plaisir d’échanger Bien à toi Jonathan
MERCI BEAUCOUP
Avec plaisir 😁🙏🏼
Super pr ta vidéo, est-ce que tu pourrais faire la même pour GraphQL ? :)
Hello, merci pour ton retour , je prend note , reste branché 😁
Merci pour la vidéo !! Pourquoi a tu supprimé les vidéos de découverte à une technologie ??? Ce sont des vidéos vraiment intéressantes !!!😢
Hello merci à toi pour le soutiens , elles ne sont pas supprimées simplement déplacer dans la playlist « Maîtriser Next Js » 😁
Merci pour le tuto c'était clair. Tu serais comment ne pas etre bloquer par la limite d'envois?
Hello, je t’en pris avec plaisir merci à toi pour ton retour 🙏🏼😁, pour répondre à t’as question il existe d’autre service comme NodeMailer comme Mailgun , Amazone SES, SendGrid qui sont plus optimistés et qui ont un cota plus élevé pour l’envoie , sinon si tu as un hébergeur tu peut le faire via le système SMTP, Bien à toi Jonathan
Top
🙏🏼🌟
La minute de code forever
🙏🏼🌟🌟😁