Getting Started

Install

React Hooks

npm install replicache replicache-react

JavaScript

npm install replicache

Client Setup

React Hooks

import {Replicache} from 'replicache';import {useSubscribe} from 'replicache';import {nanoid} from 'nanoid';
const rep = new Replicache({  mutators: {    createTodo: (tx, args) => {      tx.put(`/todo/${args.id}`, args);    },  },});
function MyComponent() {  const todos = useSubscribe(    rep,    tx => tx.scan({prefix: '/todo/'}).toArray(),    [],  );
  const handleClick = () => {    rep.mutate.createTodo({      id: nanoid(),      order: todos.length,      text: 'new todo!',    });  };
  // ...}

JavaScript

import {Replicache} from 'replicache';import {nanoid} from 'nanoid';
const rep = new Replicache({  mutators: {    createTodo: (tx, args) => {      tx.put(`/todo/${args.id}`, args);    },  },});
rep.subscribe(tx => tx.scan().toArray(), {  onData: data => console.log('got todos', data),});
rep.mutate.createTodo({  id: nanoid(),  title: 'Pick up milk',  order: 3,});

Server Setup

In order to sync, you will need to implement push an pull endpoints on your server.

For detailed information, see the integration guide, or the push/pull reference docs.