Eine Sammlung nützlicher React Hooks für moderne Web-Anwendungen
npm install dabi-hooksEine kleine Sammlung nützlicher React Hooks für Web-Anwendungen, geschrieben in TypeScript.
``bash`
npm install dabi-hooks
oder
`bash`
yarn add dabi-hooks
- useAuth - Hook für die Verwaltung von AuthentifizierungszuständenuseAxiosWithAuth
- - Vorkonfigurierter Axios-Client mit Authentifizierung
- useHttp - Vereinfachte HTTP-Anfragen mit Fetch APIuseNetworkState
- - Überwachung des Online/Offline-Status
- useBoolean - Vereinfachte Boolean-State-VerwaltunguseCopyToClipboard
- - Einfaches Kopieren in die ZwischenablageuseFileUpload
- - Fortgeschrittene Datei-Upload-Funktionalität
`typescript
import { useBoolean } from "dabi-hooks";
function Component() {
const [isOpen, { toggle, setTrue, setFalse }] = useBoolean(false);
return (
$3
`typescript
import { useHttp } from "dabi-hooks";function Component() {
const { data, loading, error, fetchData } = useHttp();
useEffect(() => {
fetchData("https://api.example.com/data");
}, []);
if (loading) return
Laden...;
if (error) return Fehler: {error.message}; return
{data};
}
`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
`bash
Installation der Abhängigkeiten
npm installEntwicklungsserver starten
npm run devTests ausführen
npm testBuild erstellen
npm run build
``MIT © David Bieler
Beiträge sind willkommen! Bitte lesen Sie unsere Contribution Guidelines für weitere Informationen.