1.0.1 • Published 8 months ago
dabi-hooks v1.0.1
dabi-hooks
Eine kleine Sammlung nützlicher React Hooks für Web-Anwendungen, geschrieben in TypeScript.
Installation
npm install dabi-hooks
oder
yarn add dabi-hooks
Verfügbare Hooks
🔒 Authentication Hooks
useAuth
- Hook für die Verwaltung von AuthentifizierungszuständenuseAxiosWithAuth
- Vorkonfigurierter Axios-Client mit Authentifizierung
🌐 Netzwerk Hooks
useHttp
- Vereinfachte HTTP-Anfragen mit Fetch APIuseNetworkState
- Überwachung des Online/Offline-Status
📋 Utility Hooks
useBoolean
- Vereinfachte Boolean-State-VerwaltunguseCopyToClipboard
- Einfaches Kopieren in die ZwischenablageuseFileUpload
- Fortgeschrittene Datei-Upload-Funktionalität
Beispiele
useBoolean
import { useBoolean } from "dabi-hooks";
function Component() {
const [isOpen, { toggle, setTrue, setFalse }] = useBoolean(false);
return (
<div>
<button onClick={toggle}>Toggle</button>
<div>{isOpen ? "Geöffnet" : "Geschlossen"}</div>
</div>
);
}
useHttp
import { useHttp } from "dabi-hooks";
function Component() {
const { data, loading, error, fetchData } = useHttp();
useEffect(() => {
fetchData("https://api.example.com/data");
}, []);
if (loading) return <div>Laden...</div>;
if (error) return <div>Fehler: {error.message}</div>;
return <div>{data}</div>;
}
Features
- 🚀 Vollständig in TypeScript geschrieben
- 📦 Tree-shakeable für optimierte Bundle-Größen
- ✅ Umfangreiche Test-Abdeckung
- 📚 TypeScript Definitionen enthalten
- 🔧 Einfache Integration
- 💡 Moderne React Best Practices
Entwicklung
# Installation der Abhängigkeiten
npm install
# Entwicklungsserver starten
npm run dev
# Tests ausführen
npm test
# Build erstellen
npm run build
Lizenz
MIT © David Bieler
Beitragen
Beiträge sind willkommen! Bitte lesen Sie unsere Contribution Guidelines für weitere Informationen.