// sdk · React
Pendamping React untuk @astroway/sdk
Resmi `@astroway/react` di npm — pembungkus tipis gaya Stripe untuk `@astroway/sdk`. `AstrowayProvider` mengangkat klien ke konteks React; hook `useAstroway`, `useAstrowayQuery`, `useNatalChart` mengembalikan triple `{ data, error, loading }` gaya SWR dengan zero ketergantungan eksternal. Bekerja dengan React 18+, Next.js App Router (via "use client"), Vite, CRA.
// 01 / install
Pasang
npm install @astroway/react @astroway/sdk react impor: import { AstrowayProvider, useNatalChart } from '@astroway/react';
Lihat di registry → @astroway/react
// 02 / highlights
Fitur Unggulan
- Konteks AstrowayProvider
- useAstrowayQuery + useNatalChart
- Tidak ada ketergantungan
- Pendamping gaya Stripe
- Tipe TypeScript lengkap dari @astroway/sdk
// 03 / first request
Permintaan pertama
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>;
}Mulai dengan React
10.000 kredit gratis per bulan. SDK open-source, dibuat dari OpenAPI 3.1, selalu sinkron dengan backend.