TUTO Shadcn UI avec TailwindCSS : Tout comprendre en 30 minutes

Рет қаралды 10,692

Melvynx • Apprendre à coder

Күн бұрын

Пікірлер: 49

@Giloum1 5 ай бұрын

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

@melvynxdev 5 ай бұрын

C'est un peu ça omg

@yannis.haismann 5 ай бұрын

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

@melvynxdev 5 ай бұрын

c'est un peu ça 😂

@marvin.toyboy 4 ай бұрын

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

@marvin.toyboy 4 ай бұрын

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 4 ай бұрын

Comment dire...

@jean-baptistelasselle4562 5 ай бұрын

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 5 ай бұрын

Ah merci ça fait très plaisir !

@FabienChampigny 5 ай бұрын

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 5 ай бұрын

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

@jean-baptistelasselle4562 5 ай бұрын

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 5 ай бұрын

Ah oui tu souhaites rendre shadcn plus compliqué ?

@Elisee-b1u 4 ай бұрын

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

@melvynxdev 4 ай бұрын

Oui il y a un fork vuejs

@art-sider 5 ай бұрын

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 2 ай бұрын

Ah oui ! Tu utilises d'autres outils ?

@art-sider 2 ай бұрын

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

@pinkvador 6 күн бұрын

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

@melvynxdev 4 күн бұрын

évidemment

@prtxine6667 4 ай бұрын

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 4 ай бұрын

tu utilises TypeScript ?

@prtxine6667 4 ай бұрын

@@melvynxdev non pas de typescript

@ToffeeFrance 4 ай бұрын

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 4 ай бұрын

Ahaha désolé !!

@wilfrieddon3958 5 ай бұрын

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

@melvynxdev 5 ай бұрын

galères pour l'instant

@wilonweb 4 ай бұрын

tu utilise quoi comme micro ?

@melvynxdev 4 ай бұрын

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

@0x_conspi 5 ай бұрын

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 5 ай бұрын

haaahah tu est rop drôle merci bcp !

@mathieuschmitt5289 4 ай бұрын

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 4 ай бұрын

mdr merci

@xsquashhh 5 ай бұрын

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 5 ай бұрын

Ahaha parfait !