// sdk · React
React társalkalmazás az @astroway/sdk-hoz
Hivatalos `@astroway/react` az npm-en — egy vékony Stripe-stílusú burkolat az `@astroway/sdk` köré. Az `AstrowayProvider` felemeli az ügyfelet a React-kontextusba; a `useAstroway`, `useAstrowayQuery`, `useNatalChart` hook-ok egy SWR-stílusú `{ data, error, loading }` hármasát adja vissza nulla külső függőséggel. Működik a React 18+-tal, Next.js App Router-rel (a "use client" segítségével), Vite-val, CRA-val.
// 01 / install
Telepítés
npm install @astroway/react @astroway/sdk react import: import { AstrowayProvider, useNatalChart } from '@astroway/react';
Nézd meg a regisztrátumban → @astroway/react
// 02 / highlights
Főbb jellemzők
- AstrowayProvider kontextus
- useAstrowayQuery + useNatalChart
- Nulla függőség a reacton túl
- Stripe-stílusú társalkalmazás
- Teljes TypeScript-típusok az @astroway/sdk-tól
// 03 / first request
Első kérés
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>;
}Indulás React-vel
10 000 credit ingyenesen havonta. Nyílt forráskódú SDK, generálva az OpenAPI 3.1-ből, mindig szinkronban a backenddel.