@polybase/react v0.6.6
Polybase React
React wrapper for @polybase/client.
Install Polybase
npm install @polybase/react
yarn add @polybase/react
Add Polybase Provider
import * as React from 'react'
import { PolybaseProvider } from '@polybase/react'
import { Polybase } from '@polybase/client/web'
const polybase = new Polybase()
export const App = () => {
return (
<PolybaseProvider polybase={polybase}>
{/* ... your app routes */}
</PolybaseProvider>
)
}
Read a record (with updates)
import * as React from 'react'
import { usePolybase, useRecord } from '@polybase/react'
export const Component = () => {
const polybase = usePolybase()
const { data, error, loading } = useRecord<OptionalCustomType>(polybase.collection('users').record('id'))
return data.data.name
}
List collection records (with updates)
import * as React from 'react'
import { usePolybase, useCollection } from '@polybase/react'
export const Component = () => {
const polybase = usePolybase()
const { data, error, loading } = useCollection<OptionalCustomType>(polybase.collection('users'))
const usersEl = map(data, ({ data }) => {
return (
<div key={data.id}>
{data.name}
</div>
)
})
return usersEl
}
9 months ago
9 months ago
10 months ago
10 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
11 months ago
11 months ago
12 months ago
11 months ago
11 months ago
11 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago