![Melvynx • Apprendre à coder](/img/default-banner.jpg)
- 383
- 2 287 420
Melvynx • Apprendre à coder
Switzerland
Приєднався 23 кві 2022
Hey ! Je crée des vidéos sur le code avec des stacks comme React / Next.js / JavaScript !
Je partage aussi mon expérience de créateur de contenu, indie hacker et ma vie...
Si tu es bon (et beau) abonne-toi ❤️
Je partage aussi mon expérience de créateur de contenu, indie hacker et ma vie...
Si tu es bon (et beau) abonne-toi ❤️
Apprendre le JSX en React en juste 5 MINUTES (2024)
Cours gratuit React : mlv.sh/react
▶ VIDÉO
Dans cette vidéo, je te montre comment maîtriser le JSX en React en seulement 5 minutes ! Que tu sois débutant ou que tu cherches à rafraîchir tes connaissances, tu apprendras ici les bases essentielles du JSX pour créer des interfaces dynamiques avec React. En 2024, le JSX reste l'un des éléments clés pour structurer ton code en React, et cette vidéo te donnera toutes les astuces pour bien démarrer rapidement.
Je couvre tout, des bases du JSX à la manière d'imbriquer des composants efficacement. Prêt à booster tes compétences en React ?
▶ ME SUIVRE
🐦 Mon Twitter : melvynxdev
🖥 Mon GitHub : github.com/Melvynx
📑 Mon Blog : codelynx.dev
💬 Mon Discord communautaire : codelynx.dev/discord
Le club du développeur secret codelynx.dev/club
Cours GRATUIT sur useState : codelynx.dev/beginreact/usestate
Cours GRATUIT sur NextJS : codelynx.dev/nextreact/nextjs
Cours GRATUIT sur JavaScript : codelynx.dev/beginjavascript/courses
#javascript #developper #react #reactjs #reactjstutorial #reactjsdeveloper #reactjscourse #reactjsforbeginners #reactjsproject #javascripttutorials #javascripttutorialforbeginners
▶ VIDÉO
Dans cette vidéo, je te montre comment maîtriser le JSX en React en seulement 5 minutes ! Que tu sois débutant ou que tu cherches à rafraîchir tes connaissances, tu apprendras ici les bases essentielles du JSX pour créer des interfaces dynamiques avec React. En 2024, le JSX reste l'un des éléments clés pour structurer ton code en React, et cette vidéo te donnera toutes les astuces pour bien démarrer rapidement.
Je couvre tout, des bases du JSX à la manière d'imbriquer des composants efficacement. Prêt à booster tes compétences en React ?
▶ ME SUIVRE
🐦 Mon Twitter : melvynxdev
🖥 Mon GitHub : github.com/Melvynx
📑 Mon Blog : codelynx.dev
💬 Mon Discord communautaire : codelynx.dev/discord
Le club du développeur secret codelynx.dev/club
Cours GRATUIT sur useState : codelynx.dev/beginreact/usestate
Cours GRATUIT sur NextJS : codelynx.dev/nextreact/nextjs
Cours GRATUIT sur JavaScript : codelynx.dev/beginjavascript/courses
#javascript #developper #react #reactjs #reactjstutorial #reactjsdeveloper #reactjscourse #reactjsforbeginners #reactjsproject #javascripttutorials #javascripttutorialforbeginners
Переглядів: 1 275
Відео
Je refais mon blog de 0 (Design / Stack / NextJS)
Переглядів 3,6 тис.14 годин тому
Mes articles sur mon blog : mlv.sh/uqI6lqV ▶ VIDÉO Dans cette vidéo, je te montre comment créer un blog en 2024 avec NextJS, optimisé pour le SEO et avec des OG:Images parfaites. Si tu veux que ton blog soit bien référencé et que tes partages sur les réseaux soient impactants, cette vidéo est pour toi. Je t'explique pas à pas comment configurer NextJS, optimiser les balises SEO, et intégrer les...
Ils ont révolutionné les Database PostgreSQL (je n'avais jamais vu ça)
Переглядів 16 тис.19 годин тому
Cours gratuit React : mlv.sh/react Neon.tech : mlv.sh/neon ▶ VIDÉO Dans cette vidéo, j'explique comment neon.tech a révolutionné le monde des bases de données avec ses innovations impressionnantes. Découvre leur système de pricing unique qui change la donne pour les entreprises de toutes tailles. ▶ CONTRIBUTION Montage : www.youtube.com/@nxtvids ▶ TIMECODES 00:00 - Intro ▶ ME SUIVRE Twitter : m...
Les 5 meilleures Library UI Tailwind pour React
Переглядів 3,3 тис.День тому
Cours gratuit sur TailwindCSS : mlv.sh/ohqBTX8 ▶ VIDÉO Découvre les 5 meilleures bibliothèques UI Tailwind pour React ! Dans cette vidéo, on explore nbrtlsm, nextui, draftui, react ui kit et shadcn ui pour t'aider à choisir celle qui te convient le mieux. Que tu cherches à améliorer ton design ou à simplifier ton développement, ces outils sont faits pour toi. On va analyser leurs fonctionnalité...
Pourquoi tu stagnes encore ? (développeur...)
Переглядів 2,7 тис.14 днів тому
Cours gratuit JavaScript : mlv.sh/bj-c Cours gratuit React : mlv.sh/br-c Cours gratuit NextJS : mlv.sh/nt-c ▶ VIDÉO Dans cette vidéo, j'explique pourquoi tu stagnes dans ton parcours de développeur. Tu te demandes pourquoi tu n'avances plus ? On va passer en revue les erreurs courantes et les stratégies pour débloquer ta progression. ▶ CONTRIBUTION Montage : www.youtube.com/@nxtvids ▶ TIMECODES...
Next.js : N'utilise plus les API Routes, voici ton nouvel outil favori
Переглядів 7 тис.14 днів тому
Cours gratuit sur NextJS : mlv.sh/nextjs ▶ VIDÉO Dans cette vidéo, j'explique comment utiliser NextJS NextSafeAction et NextZodAction pour sécuriser tes applications Next.js. Tu verras comment ces outils te permettent de valider et de sécuriser tes données facilement, tout en optimisant ton workflow de développement. On va plonger dans des exemples concrets pour te montrer la puissance de ces a...
Coolify: L'alternative GRATUITE À Vercel (ou presque)
Переглядів 5 тис.21 день тому
Coolify: L'alternative GRATUITE À Vercel (ou presque)
Tailwind : Les meilleurs Extensions VS et Chrome !
Переглядів 3,3 тис.21 день тому
Tailwind : Les meilleurs Extensions VS et Chrome !
Voici Ma STACK ULTIME Pour Coder Avec l'AI en 2024
Переглядів 7 тис.21 день тому
Voici Ma STACK ULTIME Pour Coder Avec l'AI en 2024
MacOS : Le Setup ULTIME (utilise-le où brûle ton mac)
Переглядів 3,9 тис.28 днів тому
MacOS : Le Setup ULTIME (utilise-le où brûle ton mac)
Mon Hack pour être Rapide avec mon Terminal
Переглядів 2,5 тис.Місяць тому
Mon Hack pour être Rapide avec mon Terminal
Comment debug une application React comme un Senior Développeur
Переглядів 3,5 тис.Місяць тому
Comment debug une application React comme un Senior Développeur
TUTO / COURS React COMPLET pour 2024 : Maîtrise React en 4 heures
Переглядів 10 тис.Місяць тому
TUTO / COURS React COMPLET pour 2024 : Maîtrise React en 4 heures
COURS React sur les Render + useMemo + useCallback (5/5) (TUTO)
Переглядів 1,9 тис.Місяць тому
COURS React sur les Render useMemo useCallback (5/5) (TUTO)
COURS React sur le State Management (Zustand et useContext API) (4/5 - TUTO)
Переглядів 2,5 тис.Місяць тому
COURS React sur le State Management (Zustand et useContext API) (4/5 - TUTO)
COURS React sur le hook useEffect (3/5 - TUTO)
Переглядів 2,8 тис.Місяць тому
COURS React sur le hook useEffect (3/5 - TUTO)
COURS React sur le hook useState (2/5 - TUTO)
Переглядів 3,2 тис.Місяць тому
COURS React sur le hook useState (2/5 - TUTO)
COURS React pour Débutant (JSX + ReactDOM) en 2024 (1/5 - TUTO)
Переглядів 5 тис.Місяць тому
COURS React pour Débutant (JSX ReactDOM) en 2024 (1/5 - TUTO)
Shadcn/UI vient de sortir les Charts et c'est GAME CHANGER !
Переглядів 6 тис.Місяць тому
Shadcn/UI vient de sortir les Charts et c'est GAME CHANGER !
Quitter son CDI de dev : quel business lancer ?
Переглядів 4,9 тис.Місяць тому
Quitter son CDI de dev : quel business lancer ?
24 heures dans ma vie de développeur à Bali
Переглядів 9 тис.Місяць тому
24 heures dans ma vie de développeur à Bali
Le CSS en 2024 a changé : il ne sera plus jamais pareil
Переглядів 10 тис.Місяць тому
Le CSS en 2024 a changé : il ne sera plus jamais pareil
RÉVÉLATION : Le moment où tout devient LOGIQUE (en dev)
Переглядів 8 тис.2 місяці тому
RÉVÉLATION : Le moment où tout devient LOGIQUE (en dev)
7 Outils Shadcn/UI pour te faire passer pour un Designer
Переглядів 8 тис.2 місяці тому
7 Outils Shadcn/UI pour te faire passer pour un Designer
Je QUITTE GitHub Copilot, voici le remplaçant...
Переглядів 13 тис.2 місяці тому
Je QUITTE GitHub Copilot, voici le remplaçant...
Tutoriel TypeScript avec React en 1 HEURE | Comprendre l'ESSENTIEL en 2024
Переглядів 7 тис.2 місяці тому
Tutoriel TypeScript avec React en 1 HEURE | Comprendre l'ESSENTIEL en 2024
Pourquoi j'utilise MacOS pour programmer ?
Переглядів 6 тис.2 місяці тому
Pourquoi j'utilise MacOS pour programmer ?
Les 3 hacks qui m’ont permis d’être DEV en 1 an
Переглядів 4,9 тис.2 місяці тому
Les 3 hacks qui m’ont permis d’être DEV en 1 an
Ils ont résolu les plus GROS problèmes NextJS (v15)
Переглядів 8 тис.2 місяці тому
Ils ont résolu les plus GROS problèmes NextJS (v15)
merci
Autre tip pour avoir un gradient superbe sans devoir préciser une couleur intermédiaire, passer par le color space oklch : linear-gradient(in oklch to right, #de72c6, #2dcde4) (faut juste checker le support navigateur)
Le goat ...
Belle explication ❤
C'est vraiment cool comme format !
Merci !
En resume du JSX ces du javascript qui utilise une syntaxe tres similaire a HTML pour nous faciliter de faire des app plus rapidement pour faire des saas plus rapidement et donc du fric plus rapidement.
Haha on peut dire ça !
c'est quoi son outil pour avoir un meilleur spotlight ?
Children pas chayldren 😂
Merci pour cet présentation! Franchement au top! Ça serait top une explication dans ce même format de comment est traité le props Key dans React
Merci pour ton feedback !
très intéressant, concis et efficace ;)
Merci !
Ce focus sur une techno ? Un dev doit savoir s'adapter à d'autres techno et ne pas faire tout ses projet avec la même.. le langage ce choisi par rapport au besoin donc pas trop d'accord (après c'est peu être un incompréhension de ma part)
Un excellent dev doit savoir s'adapter aux techno, par contre un dev ne peut être expert de n'importe quelle techno... Je conseille donc aux novices de ne pas se dissiper et de se spécialiser.
@@melvynxdev oui vu de ce point de vue là c'est pas faux
Si on a jamais codé qu'on est étranger à ce domaine qu'est ce que je dois regarder avant cette vidéo. C'est pour un client qui m'a parler de tailwind je pense pour sa newsletter / blog des conseils?
Avant de s'intéresser à Tailwind, il faut connaître les fondamentaux de HTML et CSS.
Que penses-tu des bootcamp du nocode ?
Les bootcamps sont des initiations, ça peut être une bonne expérience pour découvrir le code, en revanche, rares sont ceux qui décrochent un job après cela... Ensuite, il y a beaucoup de choses à faire pour espérer décrocher quelque chose.
Trop vrai
tu confirmes ?
bien sûr que oui, avant je savais pas où était ma place mais maintenant grâce à toi ce plus clair, encore merci @melvynxdev
Merci Melvyn 👍
Merci à toi !
Exactement
Un hp mon pote, c'est mort pour les autres.
Absolutely sir 😊👍🏽
Si tu valides, c'est good !
Merci, 👍
Le plaisir est pour moi !
Je suis choqué qu'une vidéo clickbait soit si likée, probablement parce qu'il surfe sur la vague du trendy mais comme on peut le voir sur les graphs qu'il propose, JavaScript est de loin le language le plus utilisé et le sera probablement pour les années à venir. Apprendre TypeScript ou tout autre ..Script est super mais un plus seulement, les grosses boites et celles qui rémunèrent utilisent JavaScript principalement... A tous les novices qui regardent cette vidéo, ignorez ces conseils, ils ne sont ni d'actualité, ni judicieux.
Merci pour cette vidéo ! J'ai juste une petite question Est-ce qu'il est possible de remplacer React par Webflow comme alternative pour le frontend ? Cela ne risque pas de me me causer quelques problèmes ? Ou c'est tout à fait possible ? (Je demande parce que j'ai déjà quelques bonnes bases sur Webflow)
À mon avis, les solutions no-code sont tout-en-un... elles ne font pas que du front... À voir avec les experts no-code.
Tjs bon les conseils de tonton!
On essaie toujours de répondre présent !
Lol 5$ pour du bruit 😂
Tkt
Bonjour est-ce que je pourrais t'écrire, moi j'ai eu quelques idées non pas pour créer un sas mais une ou deux applications pour moi et je ne suis pas sûr des outils et méthodes à utiliser et aussi j'aurais bien aimé que tu me dises ce que tu penses de mes idées
L'idéal concernant la technique, c'est d'en parler dans mon discord, ça facilite les échanges. mlv.sh/discord
@@melvynxdev oui je suis sur le discord mais je ne sais pas m'en servir bref ça m'a créé un salon à mon nom je ne sais pas quel est le mot exact, pour l'instant je pense que ce n'est que ton bot qui me lie
Le pre prompt gauchiste ahahah merci pour la vidéo
😂❤️❤️
Moi j'aimerais bien avoir un deuxièmement écran juste pour ne pas avoir passé d'une fenêtre à une autre quand je veux vérifie telle ou telle documentation observer les modifications sur la page que je code
Yess le confort est immense !
salut un saas c'est lorsque tu vends une application par abonnement ou extension par abonnement ?
C'est une app que tu vends par abonnement, et cela peut inclure des extensions ou des fonctionnalités supplémentaires disponibles via un abonnement également.
@@melvynxdevet est-ce que tu pourrais m'en dire un peu plus pour que je puisse comprendre ce que je peux faire avec le code que me donne les IA, quels sont les possibles pour exploiter ce code, je dois le copier-coller dans une application ? Aussi est-ce que je pourrais t'écrire, j'ai eu plusieurs idées mais j'aurais bien aimé que tu me dises ce que tu penses de celle-ci et surtout si elles sont réalisables
Moi qui passe mon titre pro DWWM avec O’clock dans 15j mdr 😢
ah rip xD
@@melvynxdevaprès j’ai deux années de pratique de python en entreprise même si c’est autodidacte ça peut peux-être jouer un peu en ma faveur.. du moins j’espère 🤞
Cool la vidéo ! J'aimerais savoir un truc, s'il te plait. Si je fais un blog avec mdx pour un client, le client devra écrire lui-même du Markdown et build l'application à chaque fois ? Y a-t-il un moyen de faire autrement ? comment gérer le contenu avec nextjs
Hello, il existe plusieurs SaaS qui te permettent de gérer le deploy et la modification de code sans ça
Pitieeeeeeeeeeeeeeeeeeeeeeee @Melvynx, j'ai un gros devoir qui consiste a realsier un blog, et j'ai deja prestenter au prof que c;est ton blog que je voulais faire, il me reste encore un mois pour le faire mais j'est encore rien fait 😢😢😢, en suivant toutes test formation youtube j'ai pas eu le nieveau ne cessaire pour en realiser un comme le tiens du coup je priait chaque jour que tu fais ce genre de video ou tu parle de ton blog, @Melvynx si tu peux m'aider avec une parti de ton code sur github vraiment tu vas super m'eviter un O / 20 en debut d'annee licence, tu peux juste laissier un ou trois post et supprimer tes design perso je promet de garder la confidentialite, je suis un camerounais et le seul qui fais du next.js dans ma salle tous font du python. merci d'avoir lu et priere de ne pas ignorer mon commenctaire.
@Melvynx 😭😭
Il y a des tas de tutos pour faire ton propre blog en Next. Etant débutante, ça m'a pris à tout casser 5h pour faire le mien. Perso, j'ai suivi le tuto sur la chaîne Jolly Coding (NextJS 14 Markdown Blog)
@@Stella_SLcode MERCI BEACOUP🙂🙏🙏🙏🙏🙏, JE VIENS DE CONSULTER LA VIDEO ET ELLE EST VRAIMENT TOP, PEUT TU ME PARATGER LE LIEN DE TON BLOG SI TU L'AS HEBERGER✊
Ptdr
Tu n'as pas du tout de backend du coup?
non du tout
Merci pour la déo ✨💯
merci à toi
Les 100 likes sont là ! J'attends la vidéo avec le blog de A à Z 👀 J'espère elle arrive bientôt !
merde pourquoi j'ai dis que 100 likes xDDD
Super sympa 🎉 ! J'attends le prochain like (le 100e) pour la prochaine vidéo XD
oui go être le 100ème like
Je suis le 100ème like x) On attend la vidéo ducoup hehe
xDD
Vive sveltekit et histoire.js
xD
Salut les gara ; c'est mieux d'utuliser un cms comme wordpress pour cree son blog ou coder sois meme
on est dev ou pas
Très très chouette les dessous de ton blog ^^ Si tu fais la vidéo complète je viendrais sûrement te piquer quelques astuces 😊 (moi j'aimerais trop rajouter la feature de likes comme sur le blog de Josh Comeau ! J'ai pas trop eu le temps de m'en occuper pour l'instant)
oui c'est la même technique que pour les vues, mais avec les IP hashé pour vérifier combien il y a de like. Je veux aussi le faire, peuxêtre une vidéo dédié serait cool
@@melvynxdev ha oui ça serait super 🔥
Si ce short avait pour destination le comique, c’est vraiment réussi, je suis mort de rire. Bien joué 👏
tdd
j'ai une question je suis wordpress j'aimerai passer / Stack / NextJS et niveau il y a changement ou pas
nn tkt
oui un peu ;)
Yes bravo pour la vidéo mais si il y'a des gens qui sont pas codeurs qui veulent alimenter le blog ? Quel cms headless choisir qui viendrais éditer les markdown ou en créer un gitbased ?
Hello, je ne sais pas si c'est le meilleurs mais tu peut intégrer WordPress, Du coup je ne sais pas si tu pourrait garder la géneration statique des page au build.
@@Uraniumoff on peut mieux faire que WordPress je pense il y'a pleine de cms headless plus modérne
@@scar81100 oui je sais ya strapi, directus, storyblock et celui dont je vois pas mal de projet c'est sanity. Après en cms headless oui le soucis c'est qui à trop se choix donc il faut voir celui qui serait le mieux et ce sera selons vos besoins aussi.
Oui si tu veux pas créer ton blog utilise Wordpress ou un outil comme Ghost
Top la vidéo, pour ma part, j'aurais utilisé Supabase pour la partie Backend, un PostgreSQL avec une surcouche et qui gère en plus l'authentification et la gestion des fichiers et avec l'IA intégrée pour ceux qui ne sont pas familiers ou dingue de SQL comme bah ça mâche le boulot. Oups, j'oubliais, Supabase ça gère aussi le realtime
Ya diffèrent combo !
Je suis en formation Open Class Room et après seulement un moyen et un petit projet React ils nous demandent un projet react avec utilisation de redux....
Ah bah oui... c'est n'importe quoi. Il faut aller étape par étape ! Check plutôt BeginReact, c'est gratuit : mlv.sh/react
Elle date de 8 mois mais elle reste top ... ❤ prière de partager les codes 😂😅😅
merci ahah
Je ne comprends pas pourquoi ne pas juste louer un vps et héberger ses bases de données dessus ? J'en ai pour 4 euros par mois chez hostinger et ça me permet d'héberger a la fois mon appli et a la fois ma db pour pas chère pour le coup. Après je suis pas très expérimenté, je dis peut être une connerie ? 😅
regarde la vidéo et tu auras la réponse à ta question
J'ai pas compris la notion de callback t est passé trop vite pour les explication
c'est une notion compliuqé
est-ce qu'ils permettent d'avoir une base de données vectorielle comme pgvector?
Oui !