Aptly SDK React

Helper components to build React applications.

Installation

pnpm install

Development

Link with pnpm link --global then run

pnpm dev

Setup

@tanstack/react-query

import { QueryClientProvider } from '@tanstack/react-query';
import { createAptlyQueryClient } from '@aptly-as/sdk-react';
import { API_URL } from '../env.js';

const queryClient = createAptlyQueryClient(API_URL);

return (
  <QueryClientProvider client={queryClient}>
    {...}
  </QueryClientProvider>
)

@mui/material

import { createTheme, StyledEngineProvider, ThemeProvider } from '@mui/material/styles'; import { aptlyTheme } from '@aptly-as/sdk-react';

const light = createTheme(aptlyTheme('light'));
const dark = createTheme(aptlyTheme('dark'));

return (
    <StyledEngineProvider injectFirst>
        <ThemeProvider theme={light || dark}>
            {...}
            <CssBaseline />
        </ThemeProvider > 
    </StyledEngineProvider> 
)