Introduction

react-supabase is a React Hooks library for Supabase.

Visit the docs site for more info.

Installation

``yarn add react-supabase @supabase/supabase-js


npm install --save react-supabase @supabase/supabase-js



Quick Start

Create a Supabase client and pass it to the Provider:

`tsx import { createClient } from '@supabase/supabase-js' import { Provider } from 'react-supabase'

const client = createClient('https://xyzcompany.supabase.co', 'public-anon-key')

const App = () => ( )`

Now every component inside and under the Provider can use the Supabase client and hooks:

`tsx import { useRealtime } from 'react-supabase'

const Todos = () => { const [result, reexecute] = useRealtime('todos')

const { data, fetching, error } = result

if (fetching) return

Loading...


  if (error) return Oh no... {error.message}
  return (
    

      {data.map((todo) => (
        {todo.title}

      ))}
    

  )
}

The MIT License.