ReactJS et NextJS : Le tuto incontournable pour débutants

Поделиться
HTML-код
  • Опубликовано: 4 фев 2025

Комментарии •

  • @vianneygiovannelli3360
    @vianneygiovannelli3360 7 месяцев назад +1

    C'est génial ! simple et efficace !! je vais voir vos autres vidéos !!

  • @raazyaa
    @raazyaa Год назад +17

    J'ai déjà fait quelques projets en React et NextJS, et j'adore ton approche !
    Ta diction et ta pédagogie sont excellentes.
    Les concepts abstraits sont très bien vulgarisés et expliqués.
    Ton vocabulaire est minutieusement choisie, on n'est pas noyé dans des termes techniques ou des anglicismes, ce qui permet de bien te suivre et de comprendre en même temps.
    Ton tuto est de loin l'un des meilleurs en français, bravo pour ton travail et pour ce partage 🦾.
    Vivement la suite 👏🏻✨

    • @BenBK
      @BenBK  Год назад +1

      Merci pour ce beau commentaire ! 😀

  • @maëldonnart
    @maëldonnart Месяц назад

    Bravo pour le tuto, c'est un vrai plaisir pour revoir les bases !

    • @BenBK
      @BenBK  Месяц назад

      Oh.merci 😊

  • @PA-kh2yu
    @PA-kh2yu Год назад +2

    Bien sûr qu'on veut la suite! très bon cours pour revoir les notions le soir quand on est en plein apprentissage

    • @BenBK
      @BenBK  Год назад

      Merci, ça sera en ligne Vendredi :) !

  • @r-one7216
    @r-one7216 Год назад +7

    Super vidéo. La suite avec des notions plus poussées et les contexts me semble une très bonne idée. 👌

    • @BenBK
      @BenBK  Год назад

      Je prends note ;) !

  • @bobhakugei471
    @bobhakugei471 Год назад

    Merci pour cette vidéo, je n'avais pas compris certains concept "simple" et grace a vous cela a débloquer la pourquite de mes projets :) .....

    • @BenBK
      @BenBK  Год назад

      Trop bien ! Merci pour ce beau retour ! :)

  • @soulaimaneaflou2075
    @soulaimaneaflou2075 Год назад

    j'aime bien la façon comme tu détails chaque propriété et utilisation. J'utilise next depuis un moment avec tailwind et c'est toujours bien plus de détails comme l'explique. Merci et force à toi!

    • @BenBK
      @BenBK  Год назад

      Merci pour ce beau commentaire :) !

  • @deprice6066
    @deprice6066 Год назад

    J'ai decouvert cette chaîne à l'aide des fonctions Js (forEach,reduce et autres) et j'ai montré mon prof le lendemain. Son explication me va droit au but et me voici aujourd'hui,j'ai compris encore une partie de mon cours. Si tu pouvais créer un petit projets avec 2 ou 3 composants pour nous montrer l'ajout,la recherche de donner pour ameliorer la 47:09 celà allait nous aider très vite.

    • @BenBK
      @BenBK  Год назад +1

      Merci pour ce beau retour, je vais mettre ça en place prochainement :) !

    • @deprice6066
      @deprice6066 Год назад

      @@BenBK Merci beaucoup

  • @mubaraklanalyste
    @mubaraklanalyste Год назад

    J'aime beaucoup ton approche, elle m'a permis de comprendre définitivement le useEffect. Merci !!

    • @BenBK
      @BenBK  Год назад

      Avec plaisir ☺️

  • @ryanthibaux7011
    @ryanthibaux7011 Год назад

    Merci beaucoup je m’abonne, explication très claire et précise j’étais venu pour apprendre nextjs mais une petite révision react en + c’est toujours bien !! Merci !!!!

    • @BenBK
      @BenBK  Год назад

      Merci à vous !

  • @jean-christophedibi5048
    @jean-christophedibi5048 Год назад

    Wowo je me suis abonné direct parce que tu as résolu assez de mes problèmes avec ce tutoriel

    • @BenBK
      @BenBK  Год назад

      Merci ! :)

  • @fallouseye4628
    @fallouseye4628 Год назад

    w'Allah t'es un génie mec, c'est incroyable comment tu arrives à transmettre les choses 😍😍

    • @BenBK
      @BenBK  Год назад

      ❤️❤️❤️

  • @patriceaschen1324
    @patriceaschen1324 Год назад

    Merci BEN Toujours aussi pédagogue et clair dans tes explications. C'est super que tu sois parti dans une vidéo sur Next.js. Si tu peux faire une petite série en effet sur ce thème avec pourquoi pas STRAPI en backend, ce serait top, car les vidéos existantes sont datées et pas sur la dernière version.

    • @BenBK
      @BenBK  Год назад

      Merci beaucoup ! Je vais être parfaitement honnête je n'ai jamais entendu parler de Strapi aha 😅 je vais jetter un coup d'oeil 😉

    • @patriceaschen1324
      @patriceaschen1324 Год назад

      😛@@BenBK Tu peux pas tout connaitre. C'est un CMS Headless super simple et qui offre pas mal de possibilités. Il y a aussi DIRECTUS

    • @BenBK
      @BenBK  Год назад +1

      @@patriceaschen1324 Merci pour l'info ;) !

  • @jean-marcpuatiare192
    @jean-marcpuatiare192 Год назад

    Wouaw!!! Trop bien expliquer, tu assures carrément!👍 Vraiment je pense que c'est la meilleur vidéo que j'ai vu depuis très longtemps basée sur le développement web.🙏 Trop hâte de voir la suite !

    • @BenBK
      @BenBK  Год назад +1

      Merci 😊💪

  • @vieetoeuvresdekafazagadio8391
    @vieetoeuvresdekafazagadio8391 Год назад

    Vraiment cest le meilleur tuto react k j'ai suivi jusque la

    • @BenBK
      @BenBK  Год назад

      Merci à toi !

  • @Idric_Evarne
    @Idric_Evarne Год назад

    Franchement je cherchais à me remettre à next js 13! Ben voilà j'ai trouvé. Merci mec en plus t'a pédagogique est top!

    • @BenBK
      @BenBK  Год назад

      Merci à toi :D

    • @Idric_Evarne
      @Idric_Evarne Год назад

      Et donc ok pour la suite!

  • @fanzonefrance3692
    @fanzonefrance3692 Год назад

    Merci pour l'initiation et go pour la suite de ReactJS et NextJS

    • @BenBK
      @BenBK  Год назад +1

      C'est noté 😀

  • @negociation9173
    @negociation9173 Год назад

    J'étais dans le rer c à me dire que je commençait à me débrouiller en solidity et qu'il fallait que j'apprenne un de ces langages.
    D'un coup je suis tombé sur ton tweet, le destin 😳
    Go me matter ça, merci beaucoup Ben ;)

    • @BenBK
      @BenBK  Год назад

      Trop bien ça ! 😀

  • @polako18
    @polako18 Год назад

    Vidéo tout simplement géniale!!! J'ai du justement passer de React à Next pour un projet, et j'ai voulu y aller un peu YOLO et apprendre sur le tas. Je comprenais pas vraiment si c'était utile ces "use-client" en haut de page. Maintenant, je comprends mieux ^^
    Une suite de tuto serait top! J'ai encore un peu de mal avec la partie serveur sur Next: je pense avoir mal compris l'usage des getServerProps etc.
    Merci pout ton travail!

    • @BenBK
      @BenBK  Год назад +2

      Merci à toi ! je ferai des suites ça roule ;)

  • @ladimnoob88
    @ladimnoob88 Год назад

    Franchement Merci pour cette vidéo, très bonne pédagogie et vulgarisation de nextJs. J'ai trouvé un mentor 😂

    • @BenBK
      @BenBK  Год назад

      Merci 🙏

  • @GabsBaq
    @GabsBaq Год назад

    Merci beaucoup, la vidéo est tellement ludique !

    • @BenBK
      @BenBK  Год назад

      Merci 😄

  • @m__link6499
    @m__link6499 Год назад

    Franchement Ben t’es super fort dans les explications, probablement l’un des meilleurs dans le milieu francophone. En quelques minutes j’ai compris le useEffect et sa function return alors que jAi suivi plusieurs vidéo sans vraiment saisir son utilité… Vraiment merci beaucoup…si tu crées un tuto entier sur React o Next, même s’il est payant sur Udemy je n’hesiterai pas à acheter…encore merci 😊

    • @BenBK
      @BenBK  Год назад +1

      Merci beaucoup pour ce commentaire, ça motive 💪👌

    • @m__link6499
      @m__link6499 Год назад

      @@BenBK J'avais dejà suivi les videos sur la blockchain, t'es vraiment doué pour rendre les choses faciles...

    • @BenBK
      @BenBK  Год назад

      @@m__link6499 Merci 😊

    • @dawa100islamique9
      @dawa100islamique9 Год назад

      Bonjour@@BenBK pourrions nous avoir votre contact ou avez-vous un groupe ou vous vous assurez de répondre à nos différentes questions ?
      merci !!!

    • @BenBK
      @BenBK  Год назад

      @@dawa100islamique9 Bonjour vous avez mon discord en description où je réponds :)

  • @Darylsiyapdjie4755
    @Darylsiyapdjie4755 7 месяцев назад

    C'est vraiment excellent ton boulot merci beaucoup

    • @BenBK
      @BenBK  7 месяцев назад

      Merci 🙏🙏🙏

  • @elbachirbenslimane2725
    @elbachirbenslimane2725 5 месяцев назад

    excellent tuto, plus de vidéos sont les bien venues

    • @BenBK
      @BenBK  5 месяцев назад

      Merci !

  • @newv1119
    @newv1119 Год назад

    merci beaucoup j'attend le suite avec impatience encore merci.

    • @BenBK
      @BenBK  Год назад

      Merci la suite est déjà en ligne ☺️👌

  • @steph2235
    @steph2235 Год назад

    Felicitation tres bonne video tres bien explique Bravo !!

    • @BenBK
      @BenBK  Год назад

      Merci à toi 👍

  • @soldativre
    @soldativre Год назад

    Excellent tuto, hyper clair

    • @BenBK
      @BenBK  Год назад

      Merci à vous

  • @tsiryralambo6887
    @tsiryralambo6887 Год назад

    Très bon tuto, super bien expliqué, merci beaucoup !
    Effectivement ce serait génial de faire plusieurs partie pour aborder un peu plus en profondeur Nextjs, notamment savoir quand utiliser le client rendering ou le server rendering
    Et aussi pourquoi pas d'autres hook de React ?
    Je me suis abonné en espérant qu'il y aura bien une suite :) !

    • @BenBK
      @BenBK  Год назад +1

      Hello et merci ! Une suite est prévue fin de semaine sur les hooks à connaître ☺️

    • @tsiryralambo6887
      @tsiryralambo6887 Год назад

      @@BenBK Super !

  • @wesleymouedineassaby1035
    @wesleymouedineassaby1035 Год назад

    Bravo, très bien expliqué!

    • @BenBK
      @BenBK  Год назад +1

      Merci à toi !

    • @wesleymouedineassaby1035
      @wesleymouedineassaby1035 Год назад

      Pourrais-tu me recommander une vidéo explicative sur l'utilisation de la méthode PUT (update) dans le contexte des API ?

  • @Sanelo311
    @Sanelo311 Год назад

    Super tuto hâte de voir la suite !! 👍

    • @BenBK
      @BenBK  Год назад +1

      Merci ! En préparation aha

  • @tantarajuliodieudonne7006
    @tantarajuliodieudonne7006 Год назад

    tu expique bien !merci beaucoup pour cet tuto

    • @BenBK
      @BenBK  Год назад

      Merci à toi ! 😊

  • @MathiasGrdl
    @MathiasGrdl Год назад

    Le tuto est super ! Merci de sortir le suite :)

  • @yas2591
    @yas2591 Год назад +1

    Tu nous régales 🥰🥰

    • @BenBK
      @BenBK  Год назад

      Merci ! 😊

  • @Techno3.01
    @Techno3.01 Год назад +1

    Très pédagogue merci pour le cours ❤❤

    • @BenBK
      @BenBK  Год назад

      Merci ! 🙏

  • @marios273
    @marios273 Год назад

    Merci Ben. Bonne video

    • @BenBK
      @BenBK  Год назад

      Merci 😄

  • @ofVey
    @ofVey 8 месяцев назад

    Super vidéo !!!

  • @tonircd
    @tonircd Год назад

    Super contenu !

    • @BenBK
      @BenBK  Год назад

      Merci 🙌

  • @ramaelbikoumou2533
    @ramaelbikoumou2533 Год назад

    merci beaucoup pour ce cours

  • @ارقامممتعة
    @ارقامممتعة Год назад

    Merci beaucoup Ben.

    • @BenBK
      @BenBK  Год назад

      Avec plaisir !

  • @jipe2599
    @jipe2599 Год назад

    excelente vidéo!
    merci beaucoup

    • @BenBK
      @BenBK  Год назад

      Merciiii

  • @enjolrasmichael3067
    @enjolrasmichael3067 Год назад

    Super tuto

    • @BenBK
      @BenBK  Год назад

      Merci 😁

  • @8pittyo8
    @8pittyo8 Год назад

    Salut, super vidéo merci, juste un point pour ma part eslint (qui est déja installé comme extension) me renvoyait des erreurs de majuscules manquantes sur le nom des variables quand on utilise usestate. C'est grave? et sinon pourquoi ne pas nommé directement les composants pages de chaque dossier par leur nom de page?

  • @arsworld
    @arsworld 9 месяцев назад

    Merci. Très agréable.

    • @BenBK
      @BenBK  9 месяцев назад

      🙏🙏🙏

  • @FlorianGraziani
    @FlorianGraziani Месяц назад

    Bonjour, j'aurai quand même une question. J'aimerais créer un menu de navigation dans un en-tête, qui sera quasiment identique sur chacune des pages. Mais j'aimerais que le bouton correspondant à la page où je me trouve actuellement soit mis en avant (avec un effet de style). Comment je pourrais faire ?

  • @ClaudeMiakouikila
    @ClaudeMiakouikila Год назад

    franchement propre tu peut faire la suite ?

    • @BenBK
      @BenBK  Год назад

      Merci ! Déjà fait aha, regarde la vidéo sur useMemo, useCallback, useContext etc. 😀

  • @CLEMENTBELLANGER-i3n
    @CLEMENTBELLANGER-i3n Год назад

    Super video, A quand la suite?

    • @BenBK
      @BenBK  Год назад +1

      Je tourne la suite demain 😀 ça sera un projet de todoList en NextJS relié à un backend en MongoDB/Mongoose

  • @xaviersoh
    @xaviersoh Год назад

    very well explained

  • @paulfruh5750
    @paulfruh5750 Год назад

    Merci ✌️

  • @yorinis
    @yorinis Год назад

    Merci ! Je sais pas si tu l'as déjà fait mais ce serait top d'avoir un tuto sur TypeScript, personnellement j'y suis allergique je déteste ça je trouve que ça complexifie le code et que ça le rend illisible mais force est de constaté de que c'est très utilisé

    • @BenBK
      @BenBK  Год назад +2

      Aha c'est drôle c'est le sujet du prochain tuto 😀

    • @yorinis
      @yorinis Год назад

      @@BenBK Top ^^

  • @freddee2345
    @freddee2345 Месяц назад

    Hello, chatGpt recommande d'apprendre directement Next pour apprendre React, c'est un bon choix ?

    • @BenBK
      @BenBK  Месяц назад +1

      Hello ça peut se concevoir oui 😊

  • @prtxine6667
    @prtxine6667 Год назад

    hello donc si je comprend bien a chaque fois que l'on utilise un hook il faut écrire "use client" ?
    et dans quelle condition il faut utilisé "use serveur" ?

    • @BenBK
      @BenBK  Год назад

      C'est en server par défaut ;) il y a juste à mettre "use client" quand tu veux faire du client. Tu veux faire du client s'il y a des onClick(), onChange() etc., en gros de l'intéractivité et des events listeners, ou quand il y a des useState, useReducer, useEffect tout particulièrement :)

    • @prtxine6667
      @prtxine6667 Год назад

      @@BenBK Okey je comprend mieux jte remercie 😊

  • @mameibrafaye8332
    @mameibrafaye8332 7 месяцев назад

    C'est super

  • @akwakwak
    @akwakwak Год назад

    Hep
    Y a une video avec typescript et tailwind ?
    Nice video !

    • @BenBK
      @BenBK  Год назад

      Hello, pas encore mais bientôt

  • @victoireaudreymengueowona6087
    @victoireaudreymengueowona6087 Месяц назад

    envie de me lancer mais avec les maj de next je veux savoir si ce tuto est toujours à jours svp ?

    • @BenBK
      @BenBK  Месяц назад +1

      La documentation ne conseille pas d'utiliser la nouvelle version en prod pr le moment donc cette version est tjrs d'actualité et de loin.

    • @victoireaudreymengueowona6087
      @victoireaudreymengueowona6087 Месяц назад

      @@BenBK merciiiiiiiii

  • @improvemyvalue
    @improvemyvalue Год назад

    salut c'est quoi la difference en Axios et l'api fetch ? super video au passage elle mérite le detour

    • @BenBK
      @BenBK  Год назад

      Long à expliquer aha, en fait ça fait surtout la même chose au final 😅

  • @natsornet8107
    @natsornet8107 Год назад

    Salut, j'essaye d'utiliser next.js sur VSC sur mac mais à chaque fois j'ai des problème de propriétaire du coup ça me marque des erreurs de partout. est ce que quelqu'un aurait une solution ?

  • @nicolasviennot4241
    @nicolasviennot4241 2 месяца назад

    interessant pour demarrer, merci. Après dommage qu'il y' ait trop de coupures pub! quelques unes ça passe, mais là on perd le focus et on fini par zapper

    • @BenBK
      @BenBK  2 месяца назад

      Merci ! 🙏

  • @donPEREdone
    @donPEREdone 10 месяцев назад

    Super vidéos, merci :) Lorsque je raffraichis la page, le message "number a changé" apparait deux fois. Normal ?

    • @BenBK
      @BenBK  10 месяцев назад

      Oui c'est normal, ça vient du réact strict mode 🙏

  • @labestutorrentchezvous9041
    @labestutorrentchezvous9041 4 месяца назад

    bon prof

  • @princeakim01
    @princeakim01 Год назад

    la suite stp

  • @McKouign
    @McKouign 11 месяцев назад

    Merci pour cette vidéo ! Très claire et bien expliquée, je vais poncer ta chaîne je crois 😏

    • @BenBK
      @BenBK  11 месяцев назад

      Merciiii ❤️

  • @khadijadia6680
    @khadijadia6680 5 месяцев назад

    j'ai jamais autant compris next js

  • @olivierkbidi4570
    @olivierkbidi4570 8 месяцев назад

    Faut s'accrocher en tant que débutant c'est pas simple à assimiler

    • @BenBK
      @BenBK  8 месяцев назад

      Merci pour ton retour ! C'est vrai que ce n'est pas si simple...

    • @olivierkbidi4570
      @olivierkbidi4570 8 месяцев назад

      @@BenBK mais merci pour le taf ça va m'être utile

    • @BenBK
      @BenBK  8 месяцев назад

      @@olivierkbidi4570 Top 🥰

  • @joantsyn7578
    @joantsyn7578 9 месяцев назад +1

    Super, pas pour un débutant.

    • @BenBK
      @BenBK  9 месяцев назад

      Tu trouves ? Pour un débutant en réactjs je trouve cela adapté ☺️🙏

  • @MR-mp6cu
    @MR-mp6cu 26 дней назад

    Hello ! J'suis un bébé Dev et je voulais juste te dire que je viens de découvrir ta chaine via cette vidéo, en souhaitant en savoir un peu plus sur NextJs, j'ai suivi le petit cours de A à Z avec mon Vscode à côté pour réviser un peu le React, et je trouve que ton approche pédagogique est plutôt cool !
    Pour la dernière partie 'components' j'ai dû faire :
    Import NouveauCv from '../components/NouveauCV/index'
    pour que ça marche, tandis que t'es pas allé jusqu'à '/index'
    Ai-je loupé un truc ?