Melvynx • Apprendre à coder
Melvynx • Apprendre à coder
  • 383
  • 2 287 420
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
Переглядів: 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
React 19 est cassé... drama
Переглядів 7 тис.2 місяці тому
React 19 est cassé... drama
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)

КОМЕНТАРІ

  • @Hanix_cptm
    @Hanix_cptm 3 години тому

    merci

  • @thibautizard
    @thibautizard 5 годин тому

    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)

  • @franckngoubounkou9930
    @franckngoubounkou9930 7 годин тому

    Le goat ...

  • @Warroy_
    @Warroy_ 9 годин тому

    Belle explication ❤

  • @TheRemiRODRIGUES
    @TheRemiRODRIGUES 15 годин тому

    C'est vraiment cool comme format !

  • @amine_boukhari
    @amine_boukhari 19 годин тому

    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.

    • @melvynxdev
      @melvynxdev 12 годин тому

      Haha on peut dire ça !

  • @Lurio
    @Lurio 22 години тому

    c'est quoi son outil pour avoir un meilleur spotlight ?

  • @uploadvoice
    @uploadvoice 23 години тому

    Children pas chayldren 😂

  • @Azer_Oner
    @Azer_Oner 23 години тому

    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

    • @melvynxdev
      @melvynxdev 12 годин тому

      Merci pour ton feedback !

  • @yomaxvideo
    @yomaxvideo День тому

    très intéressant, concis et efficace ;)

  • @grekossweb
    @grekossweb День тому

    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)

    • @melvynxdev
      @melvynxdev 12 годин тому

      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.

    • @grekossweb
      @grekossweb 9 годин тому

      @@melvynxdev oui vu de ce point de vue là c'est pas faux

  • @lolibrowniss
    @lolibrowniss День тому

    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?

    • @melvynxdev
      @melvynxdev 12 годин тому

      Avant de s'intéresser à Tailwind, il faut connaître les fondamentaux de HTML et CSS.

  • @softimac6032
    @softimac6032 День тому

    Que penses-tu des bootcamp du nocode ?

    • @melvynxdev
      @melvynxdev 12 годин тому

      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.

  • @user-mr8vv3jl7v
    @user-mr8vv3jl7v День тому

    Trop vrai

    • @melvynxdev
      @melvynxdev 10 годин тому

      tu confirmes ?

    • @user-mr8vv3jl7v
      @user-mr8vv3jl7v 9 годин тому

      bien sûr que oui, avant je savais pas où était ma place mais maintenant grâce à toi ce plus clair, encore merci ​ @melvynxdev

  • @LOBAAR-Afrique
    @LOBAAR-Afrique 2 дні тому

    Merci Melvyn 👍

  • @franckngoubounkou9930
    @franckngoubounkou9930 2 дні тому

    Exactement

  • @potentielisis8991
    @potentielisis8991 2 дні тому

    Un hp mon pote, c'est mort pour les autres.

  • @ViaTra
    @ViaTra 2 дні тому

    Absolutely sir 😊👍🏽

    • @melvynxdev
      @melvynxdev 10 годин тому

      Si tu valides, c'est good !

  • @frankdearr2772
    @frankdearr2772 2 дні тому

    Merci, 👍

    • @melvynxdev
      @melvynxdev 10 годин тому

      Le plaisir est pour moi !

  • @malloryberthome4883
    @malloryberthome4883 3 дні тому

    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.

  • @lucesdrasngossinga6986
    @lucesdrasngossinga6986 3 дні тому

    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)

    • @melvynxdev
      @melvynxdev 3 дні тому

      À mon avis, les solutions no-code sont tout-en-un... elles ne font pas que du front... À voir avec les experts no-code.

  • @0x_conspi
    @0x_conspi 3 дні тому

    Tjs bon les conseils de tonton!

    • @melvynxdev
      @melvynxdev 3 дні тому

      On essaie toujours de répondre présent !

  • @0x_conspi
    @0x_conspi 3 дні тому

    Lol 5$ pour du bruit 😂

  • @chrisder1814
    @chrisder1814 4 дні тому

    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

    • @melvynxdev
      @melvynxdev 10 годин тому

      L'idéal concernant la technique, c'est d'en parler dans mon discord, ça facilite les échanges. mlv.sh/discord

    • @chrisder1814
      @chrisder1814 4 години тому

      @@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

  • @will9484
    @will9484 4 дні тому

    Le pre prompt gauchiste ahahah merci pour la vidéo

  • @dthales10
    @dthales10 4 дні тому

    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

    • @melvynxdev
      @melvynxdev 3 дні тому

      Yess le confort est immense !

  • @chrisder1814
    @chrisder1814 4 дні тому

    salut un saas c'est lorsque tu vends une application par abonnement ou extension par abonnement ?

    • @melvynxdev
      @melvynxdev 3 дні тому

      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.

    • @chrisder1814
      @chrisder1814 2 дні тому

      ​@@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

  • @n0m4dexxx88
    @n0m4dexxx88 5 днів тому

    Moi qui passe mon titre pro DWWM avec O’clock dans 15j mdr 😢

    • @melvynxdev
      @melvynxdev 4 дні тому

      ah rip xD

    • @n0m4dexxx88
      @n0m4dexxx88 4 дні тому

      @@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 🤞

  • @art-sider
    @art-sider 5 днів тому

    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

    • @melvynxdev
      @melvynxdev 4 дні тому

      Hello, il existe plusieurs SaaS qui te permettent de gérer le deploy et la modification de code sans ça

  • @Inkoding-iv6zv
    @Inkoding-iv6zv 5 днів тому

    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.

    • @Inkoding-iv6zv
      @Inkoding-iv6zv 4 дні тому

      @Melvynx 😭😭

    • @Stella_SLcode
      @Stella_SLcode 4 дні тому

      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)

    • @Inkoding-iv6zv
      @Inkoding-iv6zv 4 дні тому

      @@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✊

  • @meleadr
    @meleadr 5 днів тому

    Ptdr

  • @dimitrihoareau5812
    @dimitrihoareau5812 5 днів тому

    Tu n'as pas du tout de backend du coup?

  • @DeodatKanabo
    @DeodatKanabo 5 днів тому

    Merci pour la déo ✨💯

  • @romaindu3518
    @romaindu3518 6 днів тому

    Les 100 likes sont là ! J'attends la vidéo avec le blog de A à Z 👀 J'espère elle arrive bientôt !

    • @melvynxdev
      @melvynxdev 5 днів тому

      merde pourquoi j'ai dis que 100 likes xDDD

  • @guy7257
    @guy7257 6 днів тому

    Super sympa 🎉 ! J'attends le prochain like (le 100e) pour la prochaine vidéo XD

    • @melvynxdev
      @melvynxdev 6 днів тому

      oui go être le 100ème like

  • @viber.official_
    @viber.official_ 6 днів тому

    Je suis le 100ème like x) On attend la vidéo ducoup hehe

  • @mwlulud2995
    @mwlulud2995 6 днів тому

    Vive sveltekit et histoire.js

  • @apolinairegaming
    @apolinairegaming 6 днів тому

    Salut les gara ; c'est mieux d'utuliser un cms comme wordpress pour cree son blog ou coder sois meme

  • @Stella_SLcode
    @Stella_SLcode 6 днів тому

    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)

    • @melvynxdev
      @melvynxdev 6 днів тому

      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

    • @Stella_SLcode
      @Stella_SLcode 5 днів тому

      @@melvynxdev ha oui ça serait super 🔥

  • @bastiendufour3841
    @bastiendufour3841 6 днів тому

    Si ce short avait pour destination le comique, c’est vraiment réussi, je suis mort de rire. Bien joué 👏

  • @formalitesure6475
    @formalitesure6475 6 днів тому

    j'ai une question je suis wordpress j'aimerai passer / Stack / NextJS et niveau il y a changement ou pas

  • @scar81100
    @scar81100 6 днів тому

    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 ?

    • @Uraniumoff
      @Uraniumoff 6 днів тому

      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.

    • @scar81100
      @scar81100 6 днів тому

      @@Uraniumoff on peut mieux faire que WordPress je pense il y'a pleine de cms headless plus modérne

    • @Uraniumoff
      @Uraniumoff 6 днів тому

      ​@@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.

    • @melvynxdev
      @melvynxdev 6 днів тому

      Oui si tu veux pas créer ton blog utilise Wordpress ou un outil comme Ghost

  • @xaviera5886
    @xaviera5886 6 днів тому

    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

  • @iskandar8357
    @iskandar8357 6 днів тому

    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....

    • @melvynxdev
      @melvynxdev 5 днів тому

      Ah bah oui... c'est n'importe quoi. Il faut aller étape par étape ! Check plutôt BeginReact, c'est gratuit : mlv.sh/react

  • @lordfrancisisasi8263
    @lordfrancisisasi8263 6 днів тому

    Elle date de 8 mois mais elle reste top ... ❤ prière de partager les codes 😂😅😅

  • @mickaeldolle5482
    @mickaeldolle5482 6 днів тому

    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 ? 😅

    • @melvynxdev
      @melvynxdev 6 днів тому

      regarde la vidéo et tu auras la réponse à ta question

  • @asta6422
    @asta6422 6 днів тому

    J'ai pas compris la notion de callback t est passé trop vite pour les explication

    • @melvynxdev
      @melvynxdev 6 днів тому

      c'est une notion compliuqé

  • @farelganlaky1536
    @farelganlaky1536 7 днів тому

    est-ce qu'ils permettent d'avoir une base de données vectorielle comme pgvector?