Logo dévoreur 2 code
Blog

Pourquoi j'ai créé mon premier paquet NPM

Fabien Schlegel

Fabien Schlegel

2 min

publié le : 04/07/2021

#npm#typescript#react

Une pratique utile lorsque vous travaillez avec une pile spécifique est de créer des éléments génériques pour cette pile. C'est le principe fondamental d'un framework, d'une bibliothèque, d'un package, etc.

Avec un code générique et réutilisable, votre projet démarrera plus rapidement. Il ne reste plus qu'à écrire la partie règles métier de votre projet.

Je travaille avec React pour construire le front-end. Comme langages, j'utilise Javascript ou Typescript. Je préfère Typescript, mais au travail, on n'a parfois pas le choix.

Comme framework CSS, ma préférence va à Bulma.

Il est simple, facile à modifier ou à surcharger et surtout, il ne contient pas de Javascript ou de Jquery, seulement des règles HTML et CSS.

Tout ce que j'attends d'un framework CSS.

Je n'aime pas faire la même chose encore et encore. C'est inutile et les tâches répétitives créent des bugs.

Certains composants de base restent les mêmes sur tous les projets.

C'est pourquoi j'ai créé un package NPM appelé react-components.

Il s'agit d'une bibliothèque de composants de base réalisés avec Bulma et React Typescript.

Objectifs :

  • Apprendre à créer et publier un package.
  • En apprendre plus sur l'open source non pas en participant mais en étant à l'origine d'un (très petit) projet.
  • Apprendre à gérer les conseils et les critiques sur mon projet pour progresser en tant que développeur.
  • Avoir des composants de base disponibles immédiatement.

Aujourd'hui, ce projet est en cours de développement et contient beaucoup d'erreurs de débutant.

Je travaille dessus comme un projet secondaire, entre tous mes projets secondaires, donc il progresse très lentement.

Je pense faire plus de posts sur ce travail et tous les défis que je rencontre.

Si vous voulez en savoir plus sur ce projet ou comment y contribuer, n'hésitez pas. Les commentaires et DM sur Twitter sont ouverts.

Comprendre et utiliser la composition dans React

Configurer JWT pour une application React Django en quelques minutes