Les packages Whoa Studio

Chez Whoa Studio, nous avons développé une suite de packages de configuration pour vous aider à maintenir des standards de code élevés et une expérience de développement cohérente. Ces packages sont conçus pour fonctionner ensemble de manière harmonieuse, tout en restant suffisamment flexibles pour être utilisés individuellement.

@whoa-studio/eslint-config

Notre configuration ESLint est conçue pour maintenir un code propre et cohérent dans vos projets React et Next.js.

Caractéristiques principales :

• Configuration optimisée pour TypeScript
• Support complet de React et Next.js
• Règles adaptées aux meilleures pratiques modernes
• Intégration avec Prettier et Biome

Installation :

npm install --save-dev @whoa-studio/eslint-config

Utilisation :

// .eslintrc.js
export default {
	extends: [
		'@whoa-studio/eslint-config/base',
		'@whoa-studio/eslint-config/next-js', // Pour les projets Next.js
	],
};

📦 NPM Package : @whoa-studio/eslint-config

@whoa-studio/prettier-biome-config

Notre configuration Prettier et Biome offre un formatage de code cohérent et moderne, avec une attention particulière portée à l'expérience développeur.

Caractéristiques principales :

• Configuration optimisée pour TypeScript et React
• Support de Tailwind CSS
• Règles de formatage modernes et cohérentes
• Intégration parfaite avec ESLint

Installation :

npm install --save-dev @whoa-studio/prettier-biome-config

Utilisation :

// prettier.config.js
import config from '@whoa-studio/prettier-biome-config/prettier';

export default config;

📦 NPM Package : @whoa-studio/prettier-biome-config

@whoa-studio/typescript-config

Notre configuration TypeScript est conçue pour offrir une expérience de développement TypeScript optimale, avec des paramètres soigneusement choisis pour différents types de projets.

Caractéristiques principales :

• Configurations spécifiques pour Next.js et les bibliothèques React
• Paramètres stricts mais pratiques
• Support des fonctionnalités TypeScript modernes
• Intégration avec les autres outils de la suite

Installation :

npm install --save-dev @whoa-studio/typescript-config

Utilisation :

// tsconfig.json
{
  "extends": "@whoa-studio/typescript-config/nextjs"
}

Utilisation combinée

Pour une expérience de développement optimale, nous recommandons d'utiliser ces trois packages ensemble. Voici un exemple de configuration complète :

// package.json
{
  "devDependencies": {
    "@whoa-studio/eslint-config": "latest",
    "@whoa-studio/prettier-biome-config": "latest",
    "@whoa-studio/typescript-config": "latest"
  }
}

📦 NPM Package : @whoa-studio/typescript-config

Avantages de notre suite

1. Cohérence : Des règles et configurations uniformes à travers tous vos projets
2. Maintenance : Des mises à jour régulières et une maintenance active
3. Performance : Des configurations optimisées pour les performances
4. Flexibilité : Possibilité d'utiliser les packages individuellement ou ensemble
5. Modernité : Support des dernières fonctionnalités de TypeScript, React et Next.js

Conclusion

Notre suite de packages de configuration est conçue pour simplifier votre processus de développement tout en maintenant des standards de code élevés. Que vous travailliez sur un projet Next.js, une bibliothèque React ou une application TypeScript, ces outils vous aideront à maintenir un code propre, cohérent et maintenable.

Pour commencer à utiliser nos packages, visitez notre GitHub ou installez-les directement depuis npm.