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änden
• useAxiosWithAuth - Vorkonfigurierter Axios-Client mit Authentifizierung

🌐 Netzwerk Hooks

• useHttp - Vereinfachte HTTP-Anfragen mit Fetch API
• useNetworkState - Überwachung des Online/Offline-Status

📋 Utility Hooks

• useBoolean - Vereinfachte Boolean-State-Verwaltung
• useCopyToClipboard - Einfaches Kopieren in die Zwischenablage
• useFileUpload - 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.