TUTO Shadcn UI avec TailwindCSS : Tout comprendre en 30 minutes

Поділитися
Вставка
  • Опубліковано 21 лис 2024

КОМЕНТАРІ • 53

  • @jean-baptistelasselle4562
    @jean-baptistelasselle4562 6 місяців тому +2

    excellent, vraiment merci melvyn, ce que j'apprécie: tu donnes beaucoup de références qui sont de niveau professionnel, des choses réellement utilisables en projet, pas de simples expérimentation destinées à comprendre des concepts.

    • @melvynxdev
      @melvynxdev  6 місяців тому

      Ah merci ça fait très plaisir !

  • @FabienChampigny
    @FabienChampigny 6 місяців тому +2

    Yeaaa Melvyn tu déchire avec cette présentation de Chad-cn que je kiffes aussi.
    Et aussi un grand merci 🙏 pour une video complète sans aucun anglicisme inutile. Du contenu de très grande qualité ! ( depuis le début de la chaîne bien entendu)

    • @melvynxdev
      @melvynxdev  6 місяців тому

      Hello ça fait plaisir ! Mes anglicisme sont toujours utiles ?

  • @mathieuschmitt5289
    @mathieuschmitt5289 5 місяців тому

    j’adore ta chaîne youtube parce que cette outils par exemple j’aurais jamais pu la découvrir autrement qu’avec toi, pareil pour nextJs , pareil pour cursor ( bon c’est pas le sujet de cette vidéo ) mais ça me montre à quel point tu es utile

  • @silent_pooler
    @silent_pooler 6 місяців тому

    Magnifique merci beaucoup pour ce tuto et pour la partie sur le « cn » 🥳
    Je vais de ce pas chercher la vidéo sur l’hydratation, j’aurai du te rencontrer plus tôt car finalement pour ma carrière de développeur, la vie sans Melvynx c un peu comme un noel sans père noel ou pire, une mousse au chocolat sans chocolat!

    • @melvynxdev
      @melvynxdev  6 місяців тому

      haaahah tu est rop drôle merci bcp !

  • @fun_mood0
    @fun_mood0 6 місяців тому

    Pile poil la video qu'il me fallait au bon moment. Merci❤

  • @raphrac
    @raphrac 6 місяців тому

    Merci beaucoup pour cette vidéo Melvyn !!

  • @nakicode
    @nakicode 6 місяців тому

    Merci pour ce beau tutoriel

  • @xsquashhh
    @xsquashhh 6 місяців тому

    bien, voilà que je venais de créer mon premier petit projet avec :D je vais tout de même regarder voir si je ne suis pas passé à côté de certaines choses :)

  • @fatfat5186
    @fatfat5186 6 місяців тому

    une bonne explication, merci bcp

  • @heritsilavo
    @heritsilavo 17 днів тому

    exelent !!

  • @ToffeeFrance
    @ToffeeFrance 6 місяців тому

    Merci, j'adore tes vidéos ! Plein d'explications et en plus tu donnes la pêche !! Dommage que tu écorches certains mots en Anglais ;) mais bon c'est pas bien grave !! :) :) :)

  • @Aurelll100
    @Aurelll100 6 місяців тому

    Le boss ❤

  • @wilfrieddon3958
    @wilfrieddon3958 6 місяців тому

    Salut Melvyn très belle vidéo. Comment gère tu l'internationalisation dans tes applications Next js 14 ?

    • @melvynxdev
      @melvynxdev  6 місяців тому +1

      galères pour l'instant

  • @yanb4315
    @yanb4315 6 місяців тому

    🚀

  • @prtxine6667
    @prtxine6667 6 місяців тому

    Hello merci pour ce tuto :)
    quand tu crées le composant "bouton" comment ca se fait que j'ai pas l'autocomplétions quand je met un variant ?

    • @melvynxdev
      @melvynxdev  6 місяців тому

      tu utilises TypeScript ?

    • @prtxine6667
      @prtxine6667 6 місяців тому

      @@melvynxdev non pas de typescript

  • @jean-baptistelasselle4562
    @jean-baptistelasselle4562 6 місяців тому

    ps: il y a un truc qui m'intéresserait énormément comme vidéo si cela vous dit: un projet avec shadcn-ui, j'ai un ou deux composants shadcn pas plus, et je veux un storybook qui fait tout les tests de composants qu'il faut. ça, ça m'intéresserait énormément.

    • @melvynxdev
      @melvynxdev  6 місяців тому

      Ah oui tu souhaites rendre shadcn plus compliqué ?

  • @Giloum1
    @Giloum1 6 місяців тому +4

    Shadcn c’est comme le pastis, une fois que tu y a goûté, tu peux plus t’en passer.

    • @melvynxdev
      @melvynxdev  6 місяців тому

      C'est un peu ça omg

  • @Elisee-b1u
    @Elisee-b1u 6 місяців тому

    svp peut-on aussi installer Shadcn UI avec le Framework VueJs??

    • @melvynxdev
      @melvynxdev  6 місяців тому

      Oui il y a un fork vuejs

  • @yannis.haismann
    @yannis.haismann 6 місяців тому +4

    L'IA va remplacer les designers ?
    Non non non c'est Shadcn UI qui s'en occupe :D

    • @melvynxdev
      @melvynxdev  6 місяців тому

      c'est un peu ça 😂

    • @marvin.toyboy
      @marvin.toyboy 6 місяців тому

      Occuper vous d'apprendre à coder en faisant des mathématique pour que les interface soient scalable afin qu'on est pas besoin d'activer un zoom sur certains PC et très haute résolution, là vous utiliser des framework, des librairie, des trucs pré-coder qui ne sont pas scalable et ça donne n'importe quoi (par exemple si tu as une résolution en 8k faut activer un zoom sinon l'interface est affreuse, avec vos media query max-width 1440px ou ce genre de truc).

  • @art-sider
    @art-sider 6 місяців тому

    Chadcn ui est cool, mais la doc n'est pas très fournie. Il n y a presque aucune explication sur le fonctionnement des des props des composants et il y'a pas beaucoup de composants.
    Mais bon, c'est quand même cool le concept

    • @melvynxdev
      @melvynxdev  4 місяці тому +1

      Ah oui ! Tu utilises d'autres outils ?

    • @art-sider
      @art-sider 4 місяці тому

      @@melvynxdev j'ai l'habitude de faire moi même et composants, des fois je télécharge des templates. Actuellement j'essaie flowbite.

  • @wilonweb
    @wilonweb 6 місяців тому

    tu utilise quoi comme micro ?

    • @melvynxdev
      @melvynxdev  6 місяців тому

      Un petit dictaphone Sony www.amazon.com/Sony-ICD-TX660-Digital-Recorder-Display/dp/B09Q3J873X

  • @rochardeliamareloi7577
    @rochardeliamareloi7577 Місяць тому

    J'utilise react depuis près de 2 ans, et je n'ai jamais connu shadcn😂😂

    • @melvynxdev
      @melvynxdev  Місяць тому +1

      L'écosystème est tellement énorme en même temps...

  • @pinkvador
    @pinkvador Місяць тому

    Je pense que Shadcn t'envoie de l'argent en scred :)

  • @CK-hz2hg
    @CK-hz2hg 6 місяців тому

    D1gue🍚!

  • @marvin.toyboy
    @marvin.toyboy 6 місяців тому +1

    Comment vous vous embêter pour rien vous les développeurs front-end... depuis que je fais du front j'évite de faire comme dans le "conventionnelle" car c'est vraiment n'importe quoi comment vous complexifier inutilement votre coding, du coup je fais tout en vanilla css/js presque, c'est tellement plus simple d'être juste mieux organiser soi-même dès le départ que s'embêter avec des librairie et framework aussi complexe et incomplet (c'est même pas scalable les interfaces que font les devs, vos librairie son coder pour qu'on prédéfinissent des valeurs à l'avance, alors que un peu de mathématique suffit pour rendre des éléments d'interface scalable, mais quand on passe son temps à utiliser des librairies et des framework on ne sait même pas c'est quoi des mathématiques alors que là on parle de faire des formule d'enfant de 11 ans qui va utiliser des additions et des soustractions avec des multiplications et des pourcentages.