TUTO Shadcn UI avec TailwindCSS : Tout comprendre en 30 minutes

[@jean-baptistelasselle4562]

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]

Ah merci ça fait très plaisir !

[@FabienChampigny]

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]

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

[@mathieuschmitt5289]

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

[@melvynxdev]

mdr merci

[@fun_mood0]

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

[@melvynxdev]

Trop top merci !

[@raphrac]

Merci beaucoup pour cette vidéo Melvyn !!

[@melvynxdev]

Merci top !

[@nakicode]

Merci pour ce beau tutoriel

[@melvynxdev]

avec plaisir !

[@fatfat5186]

une bonne explication, merci bcp

[@melvynxdev]

Top

[@silent_pooler]

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]

haaahah tu est rop drôle merci bcp !

[@xsquashhh]

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 :)

[@melvynxdev]

Ahaha parfait !

[@heritsilavo]

exelent !!

[@melvynxdev]

merci !

[@Aurelll100]

Le boss ❤

[@melvynxdev]

C toi

[@ToffeeFrance]

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 !! :) :) :)

[@melvynxdev]

Ahaha désolé !!

[@yanb4315]

🚀

[@melvynxdev]

yeah !

[@wilfrieddon3958]

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

[@melvynxdev]

galères pour l'instant

[@prtxine6667]

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]

tu utilises TypeScript ?

[@prtxine6667]

@@melvynxdev non pas de typescript

[@yannis.haismann]

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

[@melvynxdev]

c'est un peu ça 😂

[@marvin.toyboy]

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

[@Elisee-b1u]

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

[@melvynxdev]

Oui il y a un fork vuejs

[@Giloum1]

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

[@melvynxdev]

C'est un peu ça omg

[@jean-baptistelasselle4562]

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]

Ah oui tu souhaites rendre shadcn plus compliqué ?

[@art-sider]

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]

Ah oui ! Tu utilises d'autres outils ?

[@art-sider]

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

tu utilise quoi comme micro ?

[@melvynxdev]

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

[@CK-hz2hg]

D1gue🍚!

[@melvynxdev]

merci !

[@pinkvador]

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

[@melvynxdev]

évidemment

[@rochardeliamareloi7577]

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

[@melvynxdev]

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

[@marvin.toyboy]

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.

[@melvynxdev]

Comment dire...

[@HuguetteAwountsa]

Change ton curseur 😂

[@melvynxdev]

pourquoi