Tui-React-Bib

markdown

Ma Bibliothèque Modal React

Introduction

J'ai créé et publié une bibliothèque React qui contient un composant de modal. Ce composant est similaire à ceux que l'on trouve dans les anciens projets basés sur jQuery, mais écrit dans le style moderne de React. L'objectif est de permettre à d'autres développeurs de l'intégrer facilement dans leurs projets en gardant une structure simple et conviviale.

Installation

Pour utiliser cette bibliothèque, vous pouvez l'installer via npm. Voici les dépendances nécessaires :

npm install tui-react-bib  
Dépendances
Dans le fichier package.json, les dépendances sont les suivantes :

"dependencies": {  
    "@vitejs/plugin-react": "^4.3.4",  
    "prop-types": "^15.8.1",  
    "tui-react-bib": "^1.0.0", 
    "vite": "^6.2.5"  
},  
"devDependencies": {  
    "sass-embedded": "^1.86.3"  
} 

Prérequis du Projet

Avant de commencer, assurez-vous d'avoir les éléments suivants installés sur votre machine :

• Node.js : Version 14 ou supérieure. Vérifiez votre version installée avec la commande :

  node -v  

Exemple de version recommandée :

v22.14.0
Éditeur de texte recommandé : Utilisez un éditeur de code comme Visual Studio Code pour une meilleure expérience de développement. Installation Suivez ces étapes pour installer et configurer tui-react-bib dans votre projet :

Installez la bibliothèque via npm :

npm install tui-react-bib@latest  

Cette commande vous permettra d'installer la dernière version de la bibliothèque. Si vous souhaitez une version spécifique, vous pouvez remplacer latest par le numéro de version souhaité.

Vérifiez l'installation : Assurez-vous que la bibliothèque est bien ajoutée à vos dépendances en vérifiant votre package.json. Utilisation Le composant modal est conçu pour être simple à utiliser. Les utilisateurs n'ont besoin que de connaissances de base en HTML, CSS et JavaScript pour personnaliser le composant selon leurs besoins. Les fonctionnalités principales incluent :

Facilité de personnalisation : Les utilisateurs peuvent facilement modifier le CSS pour créer plusieurs variantes du modal. Compatibilité : Il suffit d'avoir des compétences en JavaScript et HTML/CSS pour travailler efficacement avec ce composant