@i-maginexr/react

Cette bibliothèque React est conçue pour simplifier le développement d'applications en fournissant un ensemble de composants réutilisables, des hooks personnalisés et d'autres outils utiles. Elle comprend des composants visuels (boutons, modales, formulaires, etc.) ainsi que des hooks pour la gestion de l'état, des effets ou des requêtes API. Tous les composants suivent les bonnes pratiques de React, sont stylés de manière modulaire, et sont facilement personnalisables.

Installation pour développement

Prérequis

• Node ^18.17.0 || >=20.5.0

1. Clonage du dépôt

git clone https://github.com/ARINFO-I-MAGINER/npm-react.git
cd npm-react

2. Installation des dépendances

npm i

3. Démarrage en mode développement

npm run dev

4. Pour tester le développement en local

Rendre accessible le module localement

npm link

Installation d'un projet React propre (recommandé)

npm i -g create-react-app
npx create-react-app react-base
cd react-base
npm start

Installation du module dans le projet React

npm link @i-maginexr/react

Ensuite importez les composants ou hooks dans le projet

import { Editor } from '@i-maginexr/react';

Débogage

Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app

Cette erreur signifie que plusieurs instances de React s’entremêlent, pour corriger cette erreur suivre la procédure suivante :

Dans le projet React

cd /nodes_modules/react
npm link

Dans la bibliothèque

npm link react

Supprimer le dossier dist et redémarrer avec npm run dev.