Développer dans le frontend sans ouvrir son navigateur de la journée, c'est possible ! Et même souhaitable :) Ça parait paradoxal, mais c'est en fait totalement logique 👇
** Début de journée classique **
💻 ouverture du laptop et de vscode ou jetbrain
🖍 lancement de l'application frontend
⚙ lancement de l'application backend
🌐 ouverture du navigateur sur l'écran externe
⏳ allers-retours entre le code et le navigateur toute la journée
Classique n'est-ce pas ?
Eh bien on peut faire beaucoup plus efficace :)
Lorsque l'on bosse sur toute la logique de notre application, faire en sorte de ne pas avoir à ouvrir le navigateur est un énorme gain de temps.
On gagne du temps puisqu'on avance très rapidement, grâce à un feedback quasi instantané.
Ce feedback est rendu possible par le découplage de la logique, de l'UI. Donc du framework. Donc du navigateur.
Encore une fois, la solution est toujours la même : l'architecture logicielle.
Investir dans l'apprentissage de l'architecture logicielle, c'est se donner les moyens d'être toujours plus productif, dans le plaisir, dans le "flow".
Quelques pistes :
👉 utilise des view models pour extraire toute la logique des composants et ainsi pouvoir les tester directement, sans dépendance au framework
👉 repose-toi un maximum sur les fonctionnalités natives d'HTML. Je pense notamment à la validation native des formulaires : pas spécialement besoin de tester ça, c'est natif.
👉 dans le cadre des frameworks fullstack (Next.js, Nuxt, Remix, etc.) : isole bien le code purement métier, pour ne pas se balader partout avec du prisma, ou du firebase, etc. C'est de la simple encapsulation, un concept de base !
👉 utilise l'inversion de dépendance pour aider dans ce sens et tester facilement ton code
Bien sûr que j'ouvre tout de même mon navigateur pour tester de temps en temps, où pour développer des composants simplement graphiques.
Mais ce n'est clairement pas là où je passe la majeure partie de ma journée de dev :)
Si tu veux apprendre à faire pareil et développer de meilleurs logiciels plus rapidement, c'est le dernier jour pour profiter de -50% sur les cursus Craft Academy :) Soit plus de 35 heures de vidéos théoriques et pratiques pour moins de 425€ (ou à partir d'environ 140€ par mois pendant 3 mois). Soit environ un ou un demi TJM :)
Partagez ce post
développer sans son navigateur
Partagez ce post
Hello :)
Développer dans le frontend sans ouvrir son navigateur de la journée, c'est possible ! Et même souhaitable :) Ça parait paradoxal, mais c'est en fait totalement logique 👇
** Début de journée classique **
💻 ouverture du laptop et de vscode ou jetbrain
🖍 lancement de l'application frontend
⚙ lancement de l'application backend
🌐 ouverture du navigateur sur l'écran externe
⏳ allers-retours entre le code et le navigateur toute la journée
Classique n'est-ce pas ?
Eh bien on peut faire beaucoup plus efficace :)
Lorsque l'on bosse sur toute la logique de notre application, faire en sorte de ne pas avoir à ouvrir le navigateur est un énorme gain de temps.
On gagne du temps puisqu'on avance très rapidement, grâce à un feedback quasi instantané.
Ce feedback est rendu possible par le découplage de la logique, de l'UI. Donc du framework. Donc du navigateur.
Encore une fois, la solution est toujours la même : l'architecture logicielle.
Investir dans l'apprentissage de l'architecture logicielle, c'est se donner les moyens d'être toujours plus productif, dans le plaisir, dans le "flow".
Quelques pistes :
👉 utilise des view models pour extraire toute la logique des composants et ainsi pouvoir les tester directement, sans dépendance au framework
👉 repose-toi un maximum sur les fonctionnalités natives d'HTML. Je pense notamment à la validation native des formulaires : pas spécialement besoin de tester ça, c'est natif.
👉 dans le cadre des frameworks fullstack (Next.js, Nuxt, Remix, etc.) : isole bien le code purement métier, pour ne pas se balader partout avec du prisma, ou du firebase, etc. C'est de la simple encapsulation, un concept de base !
👉 utilise l'inversion de dépendance pour aider dans ce sens et tester facilement ton code
Bien sûr que j'ouvre tout de même mon navigateur pour tester de temps en temps, où pour développer des composants simplement graphiques.
Mais ce n'est clairement pas là où je passe la majeure partie de ma journée de dev :)
Si tu veux apprendre à faire pareil et développer de meilleurs logiciels plus rapidement, c'est le dernier jour pour profiter de -50% sur les cursus Craft Academy :) Soit plus de 35 heures de vidéos théoriques et pratiques pour moins de 425€ (ou à partir d'environ 140€ par mois pendant 3 mois). Soit environ un ou un demi TJM :)
Ça se passe ici : https://craftacademy.fr
Happy Coding !
Pierre.