1.0.1 • Published 8 months ago

dabi-hooks v1.0.1

Weekly downloads
-
License
-
Repository
github
Last release
8 months ago

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.

1.0.1

8 months ago

1.0.0

8 months ago