电气SQL 反应集成

Electric是现代应用程序的Postgres同步.

Electric为Postgres提供HTTP接口,使大量客户端能够查询并获得"形状"即数据库子集中数据的实时更新. 电能将Postgres变成实时数据库.

这个软件包会显示一个 useShape 将形状数据拖入您反应组件的钩子 .

Shapes 财务报告和审定财务报表 ShapeStreams 实例在全球范围被缓存,因此在多个组件中重新使用形状是便宜的.

安装

npm i @electric-sql/react

如何使用

添加 useShape 改为组件

import { useShape } from '@electric-sql/react'

export default function MyComponent() {
  const { isLoading, data } = useShape({
    url: 'http://my-api.com/shape',
    params: {
      table: `foo`,
    },
  })

  if (isLoading) {
    return <div>loading</div>
  }

  return (
    <div>
      {data.map((foo) => (
        <div>{foo.title}</div>
      ))}
    </div>
  )
}