Organiser son projet JavaScript

[@frostmichael8360]

Merci beaucoup pour cette vidéo très instructive. Ça remet pas mal en question ma gestion front/back, faut que j'y réfléchisse. Si tu as le temps de prolonger cette vidéo "organisation" avec tes méthodes de CI (tu parles notamment des GitHub actions), ce serait incroyable ! Merci encore !

[@fablouping5292]

Merci, c'est super clair, merci surtout de na pas juste nous montrer mais aussi d'expliquer tes choix. C'est souvent sur des tuto qu'on voit comment faire, mais très rarement pourquoi. Ça aide vachement ce que tu montres là en plus je trouve que tu exploites bien tous les outils à notre disposition à ce jour, avec l'aide de chacun sans inter dependance.

[@JoyeuxLuron]

La vidéo tombe au meilleur des moments pour moi. J'ai fait toute l'api et la gestion de la bdd d'un projet web perso et je ne sais pas comment organiser mon frontend. Merci pour les bonnes pratiques !

[@YesWeCodeFr]

Une vraie mine d'or cette vidéo. Merci beaucoup grafikart

[@nikoumhook]

t'est vraiment le best, merci, toujours la qualité jo

[@orzejfozjeofio]

Comme d'habitude super boulot. Merci

[@thesyd1982]

Merci !

[@monsieur7787]

Enorme vidéo ! merci bien !

[@yousoumar]

Super vidéo, très instructive !

[@Nerwesta]

Sympa la miniature Satisfactory 🤭

[@tutos-front-end]

Ta miniature de Satisfactory m'a tellement fait rire 😂 En vrai tu y as joué ?

[@grafikart]

Oui mais mon système se casse la gueule trop rapidement et je passe mon temps à tout reorganiser pour qu'au final ça soit pire à la fin XD. Ce jeu me rappelle trop le dev...

[@tutos-front-end]

@@grafikart C'est tellement ca. Moi je me souviens quand j'y jouais à la fin je me suis carrément fait un Trello pour m'organiser sinon c'était le bordel 😅 En vrai une vidéo du genre "comment un dév joue à Satisfactory ?!" (légèrement décalé) serait vraiment fun. Si tu as l'idée/le temps en tout cas fait moi signe ca serait avec plaisir 😄 La miniature a vraiment été bien choisi pour le coup !

[@sergemadere2594]

Super tuto, merci ! Quid du git? Monorepo sous entend un seul repo git a la racine n'est-ce pas?

[@ibrahimadiamaka1998]

Super vidéo merci ? J’avais une question concernant comment setup le CI pour déploie un projet bien spécifique

[@residentpark9134]

Ce genre de sujet n’est que trop peu souvent abordé malheureusement ! Ça fait du bien de voir des approches pro pour organiser son code en tout cas. Sur un sujet similaire, quelqu’un connaît des outils qui permettent de suivre les projets en cours avec par exemple une liste des packets utilisés etc ? Je passe souvent d’un projet à l’autre et je finis par m’y perdre

[@cedric_lfbr]

Super video

[@frederic_millenial]

Je vais essayer d’appliquer ça avec Bun.

[@mcheux]

hello, je trouve qu'il y a pas mal de bonne chose a prendre merci pour ta video. Mais jai un problème, quand j'essaye de reexporter une dépendance (lodash-es) en passant par un workspace (utils) je perds le type, or mes fonctions perso les gardent bien. Je sais pas si je casse quelque-chose avec ma configuration ts ou vue.

[@fabricegarrec5152]

Ça tombe pile poils pour refactorer mon projet perso! Par contre est-ce que c'est vraiment nécessaire de déclarer le dossier apps dans ta config pnpm-workspace.yaml 2:35 ? J'essais de bien comprendre les workspaces.

[@gamlielchemla7786]

super !!

[@ctrl_fj]

Vidéo intéressante, merci ! Je me demandais, comment tu organises TOUS tes projets, sur ton ordinateur ? Tu as un ordre de tri, ou quelque chose comme ça ? Personnellement, j'opte pour mettre un nombre pour m'y retrouver facilement dans mes dossiers de développement du style "1-ressources", "2-tuto", "3-portfolio", "4-cours", mais pas sûr que ce soit le plus optimal.. du coup je serais curieux de savoir comment les autres s'organisent sur leur machines ! Des dossiers par années, peut-être ? Mais si on effectue un projet sur plusieurs années, ça fout le souk alors ? Aussi, j'ai pris le parti de mettre tous mes fichiers directement dans "C:\wamp64\htdocs" car je ne savais pas où placer mes projets de développement au début, mais est-ce bien pertinent ? Merci, à une prochaine !

[@mrkanata7696]

une vidéo de haute voltige 🙂

[@thibauds1061]

Déjà merci pour tout ton travail ! Généralement j'entends toujours parler de classique scss / tailwind, que penses tu des styled-components ? Intéressant ou à éviter selon toi

[@grafikart]

Pas très fan perso, je trouve que ça ajoute trop d'outillage :(

[@thibauds1061]

@@grafikart Merci pour ton avis ☺️

[@FelixBole]

@@grafikart Petit questionnement alors, comment gères-tu le build de la librairie de composants pour que les composants aient déjà le css importé avec le setup que tu montres dans la vidéo ? Es-tu obligé d'importer le fichier css généré par vite build dans toutes les apps qui souhaitent utiliser la librairie de composants ? Je cherche actuellement des solutions pour réussir à configurer vite pour build une librairie de composants avec des modules scss mais je n'y parviens pas pour le moment, curieux de voir comment tu gères ça.

[@pinkvador]

très bonne vidéo !!! Imaginons que nous avons des repository qui consomment une base de donnée. J'aurais envie de créer un dossier domain avec mes interfaces de repo et un dossier infra qui les implémentes. Est-ce mon dossier infra et domain serait des workspace différents ?

[@grafikart]

Là c'est à toi de voir si ça vaut le coup de séparé ou pas (est-ce que tu as besoin de infra / domain dans plusieurs autre parties du projet)

[@foucauldbeaumont675]

Merci pour ta vidéo :) Petite question : Lorsque j'utilise tailwind avec Nextjs dans ./apps/front, le refresh met au moins 4-5 secondes pour s'effectuer. Lorsque je retire ma config Tailwind, tout va bien le refresh est rapide. Quelqu'un a le même problème que moi ?

[@ZEL0D]

Très bonne vidéo ! Tu utilises quoi comme moteur de recherche ?

[@liamesteffe6799]

il utilise Firefox, problement version Dev mais je m'avance surement

[@grafikart]

J'utilise grafisearch qui est un petit truc que j'ai dev en go

[@liamesteffe6799]

@@grafikart my bad !

[@ibrahim7346]

C’est quoi IDE et le système d’exploitation que t’utilise dans cette vidéo stp ? Sinon comme dab super vidéo bien expliqué

[@grafikart]

Salut, c'est PHPStorm l'éditeur et ArchLinux le système d'exploitation (avec l'environnement de bureau i3 que j'ai détaillé ici grafikart.fr/tutoriels/i3wm)

[@hermannrazafindranaivo6016]

ce quoi en faite cette editeur de code que tu utilise sur cette video, s'il vous plait?

[@androiduseronappledevice4477]

Peut être PHP Storm

[@ahmd4066]

Ce sont les ide de JetBrains, si je me trompe pas il utilise IntelliJ et PhpStorm, l'un est plus adapté a php et l'autre fait un peu de tout nottament du js si je me trompe pas. Mais en dehors de ça c'est la même chose (design, utilisation etc).

[@hermannrazafindranaivo6016]

Je sais très bien les IDE de Jetbrains mais ça ne ressemble pas comme cellule qu'il utilise sur cette video, ce dernier est completement differente on dirait il ressemble un peu de codesandbox le Design UI du logiciel

[@hermannrazafindranaivo6016]

@@flaviien ok d'accord, je le vois, maintenant en faisant des recherche sur jetbrain je trouve que l'interface ressemble à celle de l'IDE Fleet de jetbrains. Merci beaucoup quand même

[@thehelldesk5463]

@@flaviien J'étais persuadé que c'était propre à Fleet. Merci pour l'info

[@TheBendu73]

Pourquoi a chaque fois que je commence un truc Grafikart fait une vidéo dessus 🤣

[@dylaneyvessiebecheuweyou9759]

Quel éditeur ?

[@grafikart]

PHPStorm

[@dylaneyvessiebecheuweyou9759]

@@grafikart merci