// sdk · React
React- Begleiter für @astroway/sdk
Offizielles `@astroway/react` auf npm — eine dünne Stripe-ähnliche Hülle über `@astroway/sdk`. `AstrowayProvider` hebt den Client in den React-Kontext; `useAstroway`, `useAstrowayQuery`, `useNatalChart`-Hooks geben ein SWR-ähnliches `{ data, error, loading }`-Triple mit null externen Abhängigkeiten zurück. Funktioniert mit React 18+, Next.js App Router (via "use client"), Vite, CRA.
// 01 / install
Installieren
npm install @astroway/react @astroway/sdk react Import: import { AstrowayProvider, useNatalChart } from '@astroway/react';
Im Register ansehen → @astroway/react
// 02 / highlights
Highlights
- AstrowayProvider-Kontext
- useAstrowayQuery + useNatalChart
- Null Abhängigkeiten jenseits React
- Stripe-ähnlicher Begleiter
- Vollständige TypeScript-Typen von @astroway/sdk
// 03 / first request
Erste Anfrage
import { AstrowayProvider, useNatalChart } from '@astroway/react';
function App() {
return (
<AstrowayProvider options={{ apiKey: import.meta.env.VITE_AW_KEY }}>
<Chart />
</AstrowayProvider>
);
}
function Chart() {
const { data, error, loading } = useNatalChart({
date: '1990-07-14',
time: '14:30:00',
timezoneOffset: 3,
latitude: 50.4501,
longitude: 30.5234,
});
if (loading) return <p>Loading…</p>;
if (error) return <p>Error: {error.message}</p>;
return <pre>{JSON.stringify(data, null, 2)}</pre>;
} Start mit React
10.000 Credits kostenlos pro Monat. Open-Source SDK, generiert aus OpenAPI 3.1, immer synchron mit dem Backend.