Skip to main content

​
Components

@flynetdev/react is a library of drop-in React components built on @flynetdev/core. Each one wires a Flynet surface — auth, profile, wallets, check-ins, discovery — to a themeable, accessible UI, so you don’t rebuild the same screens every time.
Import the theme once at your app root, then drop components in. New here? Start with Get started.

​
How they work

  • Member components read from a FlynetProvider. Give it a FlynetMemberClient (built from a member’s OAuth token) and they fetch client-side.
  • Discovery components are presentational: fetch on the server with your API key and pass the result as props. The key never reaches the browser.
  • Loading and error states are handled for you, and everything themes through CSS variables you can override.

​
Auth

​
Member components

Wrap these in a FlynetProvider with a FlynetMemberClient.

​
Discovery components

Presentational — pass data you fetched server-side with your API key.

​
Hooks

Want the data without the UI? The same fetching is exposed as hooks that read from the FlynetProvider: useWallet, useCheckIns, usePassport, useVenueCheckIns.

​
Next

Get started

Install, theme, and render your first component.

Build a member dining app

Compose the components into a full flow.