// sdk · React
React-companion voor @astroway/sdk
Officiële `@astroway/react` op npm — een dunne Stripe-achtige wrapper over `@astroway/sdk`. `AstrowayProvider` brengt de client in React-context; `useAstroway`, `useAstrowayQuery`, `useNatalChart` hooks retourneren een SWR-achtig `{ data, error, loading }`-triple met zero externe deps. Werkt met React 18+, Next.js App Router (via "use client"), Vite, CRA.
// 01 / install
Installeren
npm install @astroway/react @astroway/sdk react importeren: import { AstrowayProvider, useNatalChart } from '@astroway/react';
Bekijk in de registry → @astroway/react
// 02 / highlights
Kenmerken
- AstrowayProvider context
- useAstrowayQuery + useNatalChart
- Zero deps beyond react
- Stripe-achtige companion
- Volledige TypeScript-types van @astroway/sdk
// 03 / first request
Eerste verzoek
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 met React
10.000 credits gratis per maand. Open-source SDK, gegenereerd vanuit OpenAPI 3.1, altijd synchroon met de backend.