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

Miscellaneous utilities for using Replicache with React

5.0.1

Apache-2.0

TypeScript

430.00 B

765,380 3.3

Installations

npm install replicache-react

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

18.13.0

NPM Version

8.19.3 Score

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

Contributors

Unable to fetch Contributors

View all 7 contributors

Languages

TypeScript

JavaScript

TypeScript (87.42%)

JavaScript (12.58%)

Developer

rocicorp

Download Statistics

Total Downloads

765,380

Last Day

352

Last Week

4,932

Last Month

21,702

Last Year

459,037

GitHub Statistics

23 Stars

78 Commits

8 Forks

5 Watching

4 Branches

7 Contributors

Bundle Size

728.00 B

Minified

430.00 B

Minified + Gzipped

Bundlephobia

Maintainers

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

Publised On

01 Dec 2023

Total Downloads

Cumulative downloads

Total Downloads

765,380

Last day

-62.3%

352

Compared to previous day

Last week

-4.7%

4,932

Compared to previous week

Last month

0.1%

21,702

Compared to previous month

Last year

102.6%

459,037

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

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

Maintained

Determines if the project is "actively maintained".

1

Code-Review

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

1

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Token-Permissions

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

0

CII-Best-Practices

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

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

Score

3.3

/10

Last Scanned on 2024-12-16

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

Contributors

Unable to fetch Contributors

Languages

Developer

rocicorp

Download Statistics

GitHub Statistics

Bundle Size

728.00 B

430.00 B

Maintainers

Package Meta Information

Total Downloads

765,380

Daily Downloads

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

1

1

0

0

0

0

0

3.3

/10