npmpackage.info

Gathering detailed insights and metrics for replicache-react

Other packages similar to replicache-react

replicache-react-util

2.3.0

@react-native-replicache/react-native-quick-sqlite

1.0.0

> Plug-in React Native compatibility bindings for [Replicache](https://replicache.dev/).

@react-native-replicache/replicache-generic-sqlite

1.3.0

> Plug-in React Native compatibility bindings for [Replicache](https://replicache.dev/).

@react-native-replicache/react-native-expo-sqlite

1.3.1

> Plug-in React Native compatibility bindings for [Replicache](https://replicache.dev/).

Gathering detailed insights and metrics for replicache-react

replicache-react - 5.0.1 | npmpackage.info

replicache-react

Miscellaneous utilities for using Replicache with React

5.0.1

Apache-2.0

TypeScript

430.00 B

893,998 3.1

Installations

npm install replicache-react

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

18.13.0

NPM Version

8.19.3 Score

76.4

Supply Chain

80.5

Quality

82.2

Maintenance

100

Vulnerability

99.6

License

Pull Requests

Open

3

Total

56

Closed

9

Merged

44

Issues

Open

1

Total

7

Closed

6

Releases

Unable to fetch releases

Languages

TypeScript

JavaScript

TypeScript (87.42%)

JavaScript (12.58%)

Developer

rocicorp

Download Statistics

Total Downloads

893,998

Last Day

131

Last Week

3,846

Last Month

18,675

Last Year

330,059

GitHub Statistics

Apache-2.0 License

24 Stars

78 Commits

9 Forks

4 Watchers

4 Branches

7 Contributors

Updated on Apr 04, 2025

Bundle Size

728.00 B

Minified

430.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 7 Contributors

Package Meta Information

Latest Version

5.0.1

Package Id

replicache-react@5.0.1

Unpacked Size

8.17 kB

Size

3.40 kB

File Count

NPM Version

8.19.3

Node Version

18.13.0

Published on

Dec 01, 2023

Total Downloads

Cumulative downloads

Total Downloads

893,998

Last Day

-45.4%

131

Compared to previous day

Last Week

-19.5%

3,846

Compared to previous week

Last Month

-0.6%

18,675

Compared to previous month

Last Year

-25.3%

330,059

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

replicache-react

npm i replicache-react

Build your UI using subscribe() (or useSubscribe in React). Whenever the data in Replicache changes — either due to changes in this tab, another tab, or on the server — the affected UI automatically updates.
Replicache only refires subscriptions when the query results have actually changed, eliminating wasteful re-renders.

API

function useSubscribe

React hook that allows you monitor replicache changes

Parameter	Type	Description
`rep`	Replicache	Replicache instance that is being monitored
`query`	(tx: ReadTransaction) => Promise	Query that retrieves data to be watched
`def`	R	default value returned on first render or whenever `query` returns `undefined`
`deps`	Array = []	OPTIONAL: list of dependencies, query will be rerun when any of these change

Usage

example of useSubscribe in todo app that is watching a specific category

1const {category} = props;
2const todos = useSubscribe(
3  replicache,
4  tx =>
5    tx
6      .scan({prefix: `/todo/${category}`})
7      .values()
8      .toArray(),
9  [],
10  [category],
11);
12
13return (
14  <ul>
15    {todos.map(t => (
16      <li>{t.title}</li>
17    ))}
18  </ul>
19);

Changelog

0.4.0

This release changes the semantics of def slightly. In previous releases, def was returned only until query returned, then useSubscribe returns query's result. Now, def is returned initially, but also if query returns undefined.

This is an ergonomic benefit because it avoids having to type the default in two places. Before:

1useSubscribe(r, tx => (await tx.get('count')) ?? 0, 0);

now:

1useSubscribe(r, tx => tx.get('count'), 0);

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

3

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Security-Policy

Determines if the project has published a security policy.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3.1

/10

Last Scanned on 2025-06-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to replicache-react

Other packages similar to replicache-react

replicache-react

Installations

Developer Guide

Yes

ESM

18.13.0

8.19.3

Score

Pull Requests

3

56

9

44

Issues

1

7

6

Releases

Unable to fetch releases

Languages

Developer

rocicorp

Download Statistics

GitHub Statistics

Bundle Size

728.00 B

430.00 B

Maintainers

Package Meta Information

Total Downloads

893,998

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

Dev Dependencies

replicache-react

API

function useSubscribe

Usage

Changelog

0.4.0

10

10

10

3

1

0

0

0

0

0

0

0

3.1

/10