Sublimez le code de votre SaaS avec Perfectionist

0:00bon les amis je donnais une conférence sur pour un collectif de freelance qui voulait monter un sas et en fait dans la présentation c'est assez marrant mais il y a j'ai parlé d'un outil que j'utilisais et ça me paraissait être un outil assez anodin et finalement c'est probablement celui un des outils qui a retenu le plusatention de l'audience et je me suis dit bien en fait c'était serait super intéressant de le présenter dans une vidéo assez courte parce que c'est un outil que j'aime beaucoup c'est un plugin en fait que j'utilise pour es lint qui s'appelle perfectionniste et qui permet tout simplement de sublimer en fait le code de votre SAS alors je

0:33vous expliquer un petit peu on m'a posé beaucoup de questions sur ce sur ce plugin là et surt tout ce qu'on pouvait faire avec et je vais vous expliquer un petit peu comment je suis arrivé à l'utiliser et surtout les comment l'installer et surtout ensuite comment est-ce qu'on les chose que vous pouvez faire avec alors ce plugin ça s'appelle perfectionniste c'est un simplement une extension qu'on peut installer sur oslint assez facilement et il a été construit par un Russe qui s'appelle Azad S et qui s'installe en fait assez vous pouvez regarder hein comment l'installer c'est très rapide tout ce que vous avez à faire c'est aller dans

1:04le fichier de sling config de l'importer une fois que vous l'avez installé dans votre package.gison et après derrière tout simplement de rajouter à votre liste de plugin et ici vous allez aussi automatiquement pouvoir soit choisir des prets de roule par défaut par exemple c'està dire des des compositions de de rules qui de règles ou sinon en fait faire comme moi et choisir les règles qui vous intéressent le plus ok donc je vous laisserai aller regarder dans la doc en détail pour voir un petit peu comment faire tout ça mais ce qui est intéressant c'est un peu de vous montrer pourquoi il est chouette alors cet outil

1:36il permet de pouvoir vraiment avoir un code qui est propre et je suis assez maniaque sur le code j'aime bien quand c'est quand deux personnes codent et qu'en fait à la fin on a un code qui est très proche peu importe leur style ça je trouve que ça permet d'avoir des codes base à la fin qui sont extrêmement propres et j'is parlé de ce plugin parce que justement la conférence traitait d'un de turboripo j'ai aussi fait une une vidéo sur le sujet je vous encourage à utiliser mais ce qui est génial c'est qu'en fait quand on a un turboipo mais en fait on a un fichierlint et tout le

2:01code il va être formaté de la même manière et par exemple euh une fois que l'on a qu'est-ce qu'on peut faire avec perfectionniste et ben moi je chercher un outil où on puisse vous savez par exemple les imports qu'on met en haut des fichiers et ben en fait que il soit toujours fait de la même manière peu importe que ce soit moi ou mon associé qui code ou une autre personne en fait que ils sonit ordoné de la même manière parce qu'en fait très facilement les gens ils les mettent un peu n'importe où et en fait à la fin quand on retrouve avec des fichiers qui ont beaucoup

2:23d'export et beaucoup d'impimport aussi ça devient n'importe quoi et donc en fait tout simplement une fois que on a une rulse en fait dans vous pouvez les retrouver tous ici mais cette roule elle s'appelle sor import ok vous avez la même chose pour les exports et en fait une fois que vous allez la mettre et bien ce qui est génial c'est que si jamais un jour bah imaginons vous voulez importer quelque chose vous allez le mettre on va dire celle-ci hop je vais impemporter les cités et puis bon en fait vas-y moi comme je suis un cochon je le mets ici mais en fait quand je sauvegarde boum il

2:52tout se réordonne clair et en fait il va être au bon endroit et pourquoi c'est chouette c'est parce qu'en fait quand un code il est bien formaté et que tout est bien ordonné selon des groupes bien spécifique quand on est habitué au code base dès qu'on a besoin de chercher un apport on sait où chercher voz là si je veux aller chercher les nomin team state je sais qu'ils sont ici parce que j'ai avant les nominatif mais que c'est ordonné par re alphabétique et que ça c'est les imports du projet qu'on a les types qui sont en haut et qu'on a ensuite on peut avoir aussi des

3:15impimport NPM qui vont être mis voilà ici avant encore avant donc tout est comme ça organisé selon très facilement au Save et ça c'est un truc qui est ultra important aussi quand on code c'est d'avoir un code qui se formate automatiquement un saave c'est pas quelque chose qui eston peut faire partout tout le temps sur toutes les règles mais beaucoup de règles permettent et je vous encourage du coup à privilégier ces règles là et ces packag qui le permettent parce que ça va vous permettre de en fait pas réfléchir et de vous concentrer sur la logique tout simplement donc voilà c'est comme ça que je suis tombé sur ce plugin c'est

3:44en cherchant un outil qui permet de pouvoir sortte les import et en fait en cherchant un petit peu les autres règles qui permettaient de faire je me suis rendu compte qu'il y avait énormément de trucs très pratiques alors un autre truc qui est extrêmement cool c'est la classe qui s'appelle sort objects et qui va vous permettre de pouvoir très simplement réordonner toutes les clés d'un objet par ordre alphabétique c'est un truc je suis fan je sais qu'il y en a qui disent que c'est pas logique et cetera mais il y a un problème qui se pose très vite quand on a un code base qui grossit c'est qu'on peut avoir des

4:07objets qui ont des dizaines voir pire des centaines de Kys ça arrive toujours dans un projet et le problème c'est que si on a des gens euh alors si tout le monde est rigourux dans l'équipe et tout le monde classe à peu près de manière correcte ok mais en fait généralement c'est pas ce qui se passe le l'objet finit toujours par devenir un un schmilblic de plein de choses euh parce que chacun a sa a sa cohérence et S et S ses règles et donc en fait le classer par alphabétique ça permet automatiquement quand on veut chercher une clé de savoir exactement où elle est là si je veux chercher quelque

4:36chose qui commence par W je sais que je vais plutôt chercher vers la fin et je vais pas plutôt aller regarder vers le début puis le milieu et cetera et et en fait ça me rendre compte qu'il a été placé en premier au milieu du l'objet alors qu'en fait ça devrait être à la fin tu vois donc ça c'est extrêmement cool et par exemple si je vous montre ici un objet que l'on a par exemple im là on a un fichier qui contient des extensions de domaine et qui va vous dire à peu près le le code du pays en question et bien si quelqu'un veut

5:02rajouter par exemple imaginons qu'il y avait pas cette clé et qu'il découvre ah tiens celle-ci ça c'est en dor bah s'il le met ici automatiquement boum quand je sauvegarde il va le mettre juste après le name et ça je peux vous garantir en fait que et vous avez vu en plus quand on saute une ligne automatiquement le plugin il comprend que c'est un autre contexte et du coup il va pas le charger mais par contre si jamais on avait pas sauté de ligne ici et que j'avais sauvegardé hop il va tout me réordonner donc en fait par les sauts de ligne ça permet aussi quand même de garder une

5:26cohérence donc euh voilà ça c'est une autre règle que j'utilisé énormément dans laquelle je suis fan et même des personnes qui n'aimaient pas classer les objets parre alphabétique qui ne le faisaient pas quand ils ont commencé à l'utiliser au quotidien ils sont rendu compte que c'était pas une si mauvaise idée au final et que ça permettait effectivement d'avoir une une DX une devveloppur experience qui est beaucoup beaucoup plus intéressante une autre classe qui est extrêmement cool justement comme son indique ça s'appelle sort classis alors sort classis ce qui est intéressant c'est qu'en fait ça va vous classer de manière logique absolument tout dans votre objet dans

5:59votre classe classe je veux dire et là automatiquement en fait en fonction de de des méthodes euh des constructeurs et des nom des fonctions tout va se classer automatiquement et ça c'est assez assez chouette parce que par exemple bah si on prend le cas un de mes modèles dans mon contrôleur si par exemple je rajoute une key par exemple la CL email et que bon je sais pas en fait ce que je code rapidos je la mets ici après le first name alors qu'elle n'a pas du tout intérêt être là si je sauvegarde vous avez vu automatiquement elle va se remettre au bon endroit juste avant

6:28email free email source et Emil verified ce qui fait que là encore on va pouvoir gagner en productivité on va également avoir euh euh toutes nos toutes nos méthodes ici qui vont être mis euh euh à la fin euh et euh et cetera classé par alphabétique et cetera et donc encore une fois ça vous permet d'avoir bah des modèles qui sont extrêmement bien organisés sans forcément y mettre énormément d'attention il y a deux autres classes qui sont extrêmement intéressantes la première la première c'est euh sort interface et c'est le même concept en fait hein c'est que vous avez une interface et automatiquement quand vous vous allez ça va

7:02automatiquement tout vous organiser de manière alphabétique donc si j'en prends une ici par exemple vous pouvez voir que si je rajoute par exemple imaginons un pass et que je le mets ici bah même chose il va automatiquement unsave se remett clean ici euh et l'autre et dernière classe que je voulais règle que je voulais vous montrer elle s'appelle sort une union types il elle estê ici vous pouvez après regarder en détail hein ça prend pas très longtemps vous avez pour 20 minutes à tout lire et et vous pourrez automatiquement choisir celle que vous aimez mais là par exemple en fait vos union type ils vont être

7:34aussi classés par re alphabétique parce que par exemple là le Data loading en fait il devrait être en premier puisque ça n'a aucun intérêt de le mettre à la fin mais ça peut être intéressant par exemple quand on commence à avoir beaucoup de couleurs donc là B voilà si je rajoute le Red à la fin bom automatiquement il se met parre alphabétique et il y a une dernière règle pour finir que j'utilise également assez qui est intéressant et on terminera par celle-ci c'est le sort arrê includes et c'est en fait quand on a un arrêt qui avec une une closeuse de include ici je pense qu'on peut en

8:03trouver un si je viens ici si je cherche un dot include est-ce qu'on en a oui par exemple ici voyez bah imaginons que le total employes là bah en fait je voudrais le mettre ici et bah si je sauvegarde automatiquement il va êre l'arrêt va être extrêmement bien ordonné et ça peut être vraiment chouette parce que bah comme je vous ai expliqué hein si on a un jour un arrêt avec beaucoup beaucoup de clés et bien on savoir automatiquement où chercher même ici vous voyez là il commence en avoir quand même pas mal on sait où chercher en fait et on sait que si on cherche le State si

8:30on veut voir si le Tex existe dans cet arrêt ben on va regarder plutôt vers la fin et si c'est cties on va regarder plutôt vers le début code aussi donc voilà pour ce plugin je sais pas si c'est un plugin que vous utilisiez mais en tout cas je vous recommande de le mettre en place ça m'a pris à peine 30 40 minutes pour le mettre euh et et clean le projet automatiquement après c'est très facile hein tout va être tout va être vous allez pouvoir lancer NPM run lint et vous allez pouvoir voir en détail les erreurs chaque fichier avec une erreur et vous pourrez tout

8:58simplement les fixer une par une en sauvegardant dans le fichier et ça va tout seordonner proprement et vous risquez d'avoir un fichier en quelques minutes un projet même qui reste d'être encore plus clean qu'il netait tout simplement en utilisant ce plugin pour es lint qui s'appelle perfectionnist voilà n'hésitez pas à me dire en commentaires si vous utilisez d'autres plugins pour es lint qui sont cool j'utilise aussi le plugin de Unicorn certaines règles j'utilise aussi Tywin de es lint tywind et je crois que j'utilise également la confing de hand fu mais ça j'avais fait une vidéo justement sur la chaîne pour Slint que je vous encourage à regarder ça

9:30s'appelle leint la vidéo et vous pourrez voir un petit peu comment je configure le package hand fu pour pouvoir avoir un code SAS dans qui est le plus clean possible voilà je vous souhaite une agréable semaine n'hésitez pas à vous abonner si vous aimez ce genre de contenu et à bientôt