Je suis débutant dans le code et j'arrive a comprendre pas mal de chose. Mais j'ai trouvé une faille dans ton code (sauf si erreur dans mon code), a 1:04:28 lorsque tu likes, tout tes tests marchent très bien (ainsi que chez moi aussi) mais si tu enlèves tout les tweets puis tu en fais un nouveau. Au premier like, j'ai perso une erreur "Uncaught TypeError: Cannot read properties of undefined (reading 'like')" Erreur que je n'ai pas en créant directement un tweet sans rien supprimer comme dans tes tests. Je ne sais pas encore pourquoi mais je vais tenter de résoudre le pb. Merci, avec ta vidéo, j'ai appris des choses.
Bon j'ai réussi a faire marcher mon programme. Dans (const newTweet,) ce trouve le problème. J'ai remplacé la ligne (id: tweets[tweets.length - 1]?.id + 1 ?? 0,) par (id: tweets[tweets.length - 1]?.id + 1 || 0,) et ca marche. Je n'ai pas encore bien compris comment marche le "?" dans le code mais j'y travail.
@@robertperez9474Si j'ai bien compris c'est parce que dans le premier cas "??" il va juste vérifier si la variable existe donc si elle ne retourn pas 'undefined' ou 'false'. Alors que dans le deuxième cas "||" il va vérifier si l'id égal ou pas à 0 et c'est correct car le premier Tweet aura toujours comme premier identifiant 0!
Je suis fan de ton énergie, tu es concit, incisif, dynamique ! Vraiment ca donne envie de te suivre et de suivre ton choix de techno. A ce propos : je dev un réseau social sur vuejs. Je me rends compte que c la merde pour les appli mobile. J'hésite à tout redev en React / react Native. Ma question : est-ce que react et react native peuvent être inclus dans un seul projet ? Ce afin de modifier le code de la version web et de la version mobile dans la même page.
Hello, merci pour ton feedback ! Oui c'est possible, il faut utiliser un monorepo. Un bon starter : tamagui.dev/docs/intro/installation#quick-start ! Bonne journée :D
Super vidéo ! merci pour tes explications super clair. Par contre je t'avoue que à partir de 1h05 (le clean code) cela a été beaucoup trop vite pour moi.
Top la vidéo :) Je suis bien intéressé par une vidéo qui pousse le concept des hooks un peu plus loin :) Je suis dev back à la base et quand je fais du React j'utilise seulement useState, useEffect et parfois useReducer mais ça s’arrête là. Allez hop je m'abonne
Super video. Elle est intéressante et assez facile à comprendre. Je peux savoir quel logiciel tu utilises pour ranger les images, textes et schémas que tu présentes lors de l'explication ?
Bonjour merci pour la vidéo, j'essaye de me spécialiser vers React et ta chaîne est une mine d'or, c'est super clair. Si jamais, est-ce que tu as des recommandations pour parfaire son JS "basique" ? J'aimerais ne pas aller trop vite et je sens que si je fonce tête baissée vers React il me manquera les fondamentaux. Merci pour ton aide !
Salut Melvin ! Merci pour cette chouette vidéo. Petite question concernant le style : à 24m37, si je supprime le width: fit-content et que je conserve que min-width : 320px, pourquoi ma div s'étend sur toute la largeur alors que j'ai spécifié un min-width de 320px ?
Salut Melvyn, j'ai une question à te poser, il me semble que tu utilises Auto Import mais je n'arrive pas à le faire fonctionner, est-ce que t'aurais pas une idée du pourquoi ? Merci
@@melvynxdev Re :) Bah typiquement pour intégrer les icônes "coeur" pour les like et la "croix"pour delete en haut à droite de chaque tweet (moi j'ai juste mis la string "Supprimer" à la place...) thx
Oui mais c'est pas très grave, js ou JSX change rien. Le problème c'est ts ou tsx surtout. Mais je préfère JSX pour expliciter le fait que tu en utilises
Très bonne vidéo , mais une chose que je n’arrives pas a comprendre dans le code … c’est que dans tout les tutos, cours, forma on nous parle de fonction de get machin de id bazard …. Mais comment et on on apprend tout ses mots ???
Hello 👋 Pourquoi ton addLetter tu le call sans callback, {addLetter} , et ton onLike tu lui donnes un callBack () => onLike () ? Le comportement change pas c'est juste une préférence d'écriture ? Je m'exprime peut être mal ça onClick={addLetter} c'est exactement la même chose et la même comportement que ça onClick={() => addLetter ()} mais ça onClick={addLetter()} c'est à proscrire ? Pour ton onDelete t'es pas obligé d'utiliser current ? tu pourrais juste utiliser la valeur de ton state qui est tweet ? Merci à toi & merci pour cette vidéo et tout le travail réalisé . Bonnes fêtes ;)
Hello, Oui j'ai une préférence pour toujours utiliser la syntaxe `() => {}` dans mes fonctions afin de vérifier que j'utilises pas des paramètre ou autre Et le ondelete j'ai pas compris
@@melvynxdev Merci pour ta réponse, dans ton onDelete dans ton fichier app.jsx ligne 40 tu utilises "curr", pourquoi ne pas utiliser ton state , soit "tweet" qui lui est ton state courant ( current )
Après avoir parcouru les commentaires, je ne vois personne qui a le même problème que moi. Quand je clique sur Like, j'incrémente de un au premier clic mais à partir du 2e, j'incrémente de deux. Je ne trouve pas la solution.
En fait, cela est dû à un comportement particulier de React concernant l'état et les rendus. Cela peut se produire dans un environnement de développement strict où React exécute certains hooks. Dans la plus vidéo plus tot, Melvyn met en commentaire dans le fichier main.jsx, c'est pour cela qu'il n'y a pas de double incrément ensuite. Si tu commentes cela, tu ne devrais plus avoir de pb. Bon code !
Les compétences ok ? Tu es débutant ou pas ? Je pense qu'aucune vidéo TH-cam ou tu regardes un gars codé est adapté au débutant. Il fallait bien faire tenir les compétences en 1 heure désolé.
Reçois une masterclass gratuite sur JSX et ReactDOM : codelynx.dev/beginreact/get-masterclass ❤
J'aime bien tes explications, tu ne parle pas comme un robot qui récite un texte. Hâte de voir la version advanced ;)
Merci beaucoup !
Très bonne vidéo, bravo ! Quand penses-tu sortir une formation sur du React advanced ?
Hello, c'est en préparation, rendez-vous ici pour être prévenue : codelynx.dev/advancedreact/subscribe
Je viens de découvrir ta chaîne et j’aime bien ta façon de faire ;)
Merci beaucoup !!
quelle belle explication je te remercie
Merci à toi !
Très bonne vidéo ! Merci ;)
Merci à toi 😊
superbe vidéo, thx
Merci à toi
Je m'abonne direct 😭😭😭😭
❤️❤️
Je suis débutant dans le code et j'arrive a comprendre pas mal de chose. Mais j'ai trouvé une faille dans ton code (sauf si erreur dans mon code), a 1:04:28 lorsque tu likes, tout tes tests marchent très bien (ainsi que chez moi aussi) mais si tu enlèves tout les tweets puis tu en fais un nouveau. Au premier like, j'ai perso une erreur "Uncaught TypeError: Cannot read properties of undefined (reading 'like')" Erreur que je n'ai pas en créant directement un tweet sans rien supprimer comme dans tes tests. Je ne sais pas encore pourquoi mais je vais tenter de résoudre le pb. Merci, avec ta vidéo, j'ai appris des choses.
Bon j'ai réussi a faire marcher mon programme. Dans (const newTweet,) ce trouve le problème. J'ai remplacé la ligne (id: tweets[tweets.length - 1]?.id + 1 ?? 0,) par (id: tweets[tweets.length - 1]?.id + 1 || 0,) et ca marche. Je n'ai pas encore bien compris comment marche le "?" dans le code mais j'y travail.
Ah oui effectivement, je comprend le problème ! Merci de me le faire remarquer. Dommage que je ne puisse pas éditer la vidéo
@@robertperez9474Si j'ai bien compris c'est parce que dans le premier cas "??" il va juste vérifier si la variable existe donc si elle ne retourn pas 'undefined' ou 'false'. Alors que dans le deuxième cas "||" il va vérifier si l'id égal ou pas à 0 et c'est correct car le premier Tweet aura toujours comme premier identifiant 0!
Top! Merci !
Merci à toi !
Super .. un peu vite vers la fin mais super je kiff.
Possible de faire un bonus video avec : Routers, Material UI ou Tailwind prochainement stp ?
Ahah, oui un jour peut-être !
th-cam.com/video/_IwMAUbc2tA/w-d-xo.html
Je suis fan de ton énergie, tu es concit, incisif, dynamique ! Vraiment ca donne envie de te suivre et de suivre ton choix de techno.
A ce propos : je dev un réseau social sur vuejs. Je me rends compte que c la merde pour les appli mobile.
J'hésite à tout redev en React / react Native. Ma question : est-ce que react et react native peuvent être inclus dans un seul projet ? Ce afin de modifier le code de la version web et de la version mobile dans la même page.
Hello, merci pour ton feedback ! Oui c'est possible, il faut utiliser un monorepo. Un bon starter : tamagui.dev/docs/intro/installation#quick-start ! Bonne journée :D
Super vidéo ! merci pour tes explications super clair.
Par contre je t'avoue que à partir de 1h05 (le clean code) cela a été beaucoup trop vite pour moi.
Hello ! Je comprend, je vais essayer de faire mieux dans la version 2 omfg !
th-cam.com/video/_IwMAUbc2tA/w-d-xo.html
Je ne vois pas l’article que tu fais référence dans la description à 30:00
La vidéo ne dure pas 30 minutes
merci
Avec plaisir
J'aimerais savoir si il a une très grande différence mis à part la popularité entre React JS et Vue JS(avec la syntaxe jsx)?
j'en ferrais une vidéo mais moi je suis plutôt react, pas fan de vue
Top la vidéo :)
Je suis bien intéressé par une vidéo qui pousse le concept des hooks un peu plus loin :)
Je suis dev back à la base et quand je fais du React j'utilise seulement useState, useEffect et parfois useReducer mais ça s’arrête là.
Allez hop je m'abonne
Merci beaucoup !
Super video. Elle est intéressante et assez facile à comprendre.
Je peux savoir quel logiciel tu utilises pour ranger les images, textes et schémas que tu présentes lors de l'explication ?
Merci beaucoup ! C'est Tldraw dans celle-ci
@@melvynxdev Ah d'accord. Merci
Bonjour merci pour la vidéo, j'essaye de me spécialiser vers React et ta chaîne est une mine d'or, c'est super clair. Si jamais, est-ce que tu as des recommandations pour parfaire son JS "basique" ? J'aimerais ne pas aller trop vite et je sens que si je fonce tête baissée vers React il me manquera les fondamentaux. Merci pour ton aide !
Ahah, j'en ai pas trop, mais bienôt moi même
j'ai vu votre formation begin react, si vous pouvez ajouter les tests unitaires aussi, ça sera encore top
Hello, c'est en préparation, rendez-vous ici pour être prévenue : codelynx.dev/advancedreact/subscribe
th-cam.com/video/_IwMAUbc2tA/w-d-xo.html
Belle vidéo, c'est quoi l'outil que tu utilises pour tes présentations ? merci pour ta réponse. En tout cas, présentation claire et efficace
Hello merci bcp, c’est tldraw
Salut Melvin ! Merci pour cette chouette vidéo. Petite question concernant le style : à 24m37, si je supprime le width: fit-content et que je conserve que min-width : 320px, pourquoi ma div s'étend sur toute la largeur alors que j'ai spécifié un min-width de 320px ?
min-width ne définit pas la width max !
C est quoi ton site Web pour ta presentation en tableau blanc stp (en debut de video) merci
Hello, c'est tldraw.com
@@melvynxdev tu m'avais déjà répondu sur Twitter merci bcp de me réponde à nouveau ici t'es top!
Salut Melvynx je trouve top tes vidéos cependant j'aimerai savoir quel outils de complétion de texte tu utilise dans tes invites de commandes ?
Hello, c'est Copilot
🥇
Merci !
Tu utilises quelle extension pour avoir ce genre d'icones pour les fichier vscode?
Material Icon un truc du genre
Salut Melvyn, j'ai une question à te poser, il me semble que tu utilises Auto Import mais je n'arrive pas à le faire fonctionner, est-ce que t'aurais pas une idée du pourquoi ? Merci
Non je sais pas trop
Salut! Quelle extension utilise tu pour avoir les icônes- emoji sur ton clic droit ;) ? Cool ta vidéo...
Hello, je comprends pas trop !
@@melvynxdev Re :) Bah typiquement pour intégrer les icônes "coeur" pour les like et la "croix"pour delete en haut à droite de chaque tweet (moi j'ai juste mis la string "Supprimer" à la place...) thx
C'est incroyable ce que tu sais faire avec l'app, est ce bien l'app freeform?
non Excalidraw
quel outil tu utilise pour le sketchboard et les shema du début ? , please son nom , il est performant et merciii
tldraw normalement !
Merci mec
@@melvynxdev
la vidéo est très bien faite.
Mais si je comprend bien, si on n'installe pas React avec Vite on aura des fichiers js à la place de jsx??
Oui mais c'est pas très grave, js ou JSX change rien. Le problème c'est ts ou tsx surtout. Mais je préfère JSX pour expliciter le fait que tu en utilises
merci beaucoup pour ta video, est il possible d'avoir acces à ta présentation ? merci
Hello, je crois que je l'ai perdu elle xD
Salut il est l'article sur la destructuration des props ? Et franchement merci pour tous juste si on peux avoir le code source se serai super !
merci
hello, merci, je sais pas si je l'ai garder.
Très bonne vidéo , mais une chose que je n’arrives pas a comprendre dans le code … c’est que dans tout les tutos, cours, forma on nous parle de fonction de get machin de id bazard …. Mais comment et on on apprend tout ses mots ???
En suivant ma formation BeginReact ? Test ici codelynx.dev/beginreact/minireact
Hello 👋 Pourquoi ton addLetter tu le call sans callback, {addLetter} , et ton onLike tu lui donnes un callBack () => onLike () ? Le comportement change pas c'est juste une préférence d'écriture ?
Je m'exprime peut être mal ça onClick={addLetter} c'est exactement la même chose et la même comportement que ça onClick={() => addLetter ()}
mais ça onClick={addLetter()} c'est à proscrire ?
Pour ton onDelete t'es pas obligé d'utiliser current ? tu pourrais juste utiliser la valeur de ton state qui est tweet ?
Merci à toi & merci pour cette vidéo et tout le travail réalisé .
Bonnes fêtes ;)
Hello, Oui j'ai une préférence pour toujours utiliser la syntaxe `() => {}` dans mes fonctions afin de vérifier que j'utilises pas des paramètre ou autre
Et le ondelete j'ai pas compris
@@melvynxdev Merci pour ta réponse, dans ton onDelete dans ton fichier app.jsx ligne 40 tu utilises "curr", pourquoi ne pas utiliser ton state , soit "tweet" qui lui est ton state courant ( current )
C'est quoi stp l'outil de mind mapping que tu utilises ?
Tldraw et c’est plus un outil de dessin
Pk réact ne marche pas sur mon visual code stp merci
je sais pas :(
Du coup tu répond à une question " Pourquoi React ? " J'en ai une nouvelle, une APP sous React ou NextJS ?
NextJS c'est React, donc les deux sont OK.
Si ta question c'est SPA (cra ou vite) vs NextJS je dirais : ça dépent ton besoin
Pas mal le tutoriel mais un peu dur de te suivre !
(tu t'es inspiré de ViDev pour la miniature, le titre et la cam ? haha )
Que pour la mignature et le titre, enfin les américains ont fait ça bien avant lui et moi 😂
Bonjour tu n aurais pas été dans l émission patron incognito? J ai vu un gars qui te ressemble beaucoup 😮
ahaha si seulement
vas tu faire une formation udemy stp???
Je DETESTE Udemy, donc non.
@@melvynxdev 🤣🤣🤣🤣en grand caractere prq tu deteste?
@@lechampi2237 Car quand tu paye une formation Udemy, tu paye entre 20% et 80% (si c'est udemy qui a amené le client) à Udemy
Anarque alors de Udemy. Stp tu as un discord ?
@@lechampi2237 Oui, et tu peux rejoindre en rejoignant le club ici : codelynx.dev/emails
je peux te contacter??
Oui
@@melvynxdev comment?
Après avoir parcouru les commentaires, je ne vois personne qui a le même problème que moi. Quand je clique sur Like, j'incrémente de un au premier clic mais à partir du 2e, j'incrémente de deux. Je ne trouve pas la solution.
difficile comme ça !
En fait, cela est dû à un comportement particulier de React concernant l'état et les rendus. Cela peut se produire dans un environnement de développement strict où React exécute certains hooks. Dans la plus vidéo plus tot, Melvyn met en commentaire dans le fichier main.jsx, c'est pour cela qu'il n'y a pas de double incrément ensuite. Si tu commentes cela, tu ne devrais plus avoir de pb. Bon code !
Trop vite pour les débutants
En 1 heure c’est compliqué
Bien trop rapide , les compétences ok mais pas adapté pour les debutants .
Les compétences ok ?
Tu es débutant ou pas ? Je pense qu'aucune vidéo TH-cam ou tu regardes un gars codé est adapté au débutant.
Il fallait bien faire tenir les compétences en 1 heure désolé.
Créer un superbe outil et ne pas avoir un site optimisé ... !!
ah oui
Ba oui pourquoi pas devenir dev pro en 1h, bande descroc
Tu as vue cette information qqpart ? C’est écrit « COMPRENDRE L’ESSENTIEL » pas devient dev pro