Installations

npm install @adamldoyle/reduxjs-toolkit-monitored-slice

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Score

40.6

Supply Chain

68.4

Quality

74.4

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

1

Closed

1

Releases

Unable to fetch releases

Contributors

1

Unable to fetch Contributors

View all 1 contributors

Languages

2

TypeScript

JavaScript

TypeScript (92.21%)

JavaScript (7.79%)

Developer

adamldoyle

Download Statistics

Total Downloads

1,632

Last Day

5

Last Week

6

Last Month

18

Last Year

146

GitHub Statistics

5 Commits

1 Watching

1 Branches

1 Contributors

Maintainers

1

Package Meta Information

Latest Version

1.1.1

Package Id

@adamldoyle/reduxjs-toolkit-monitored-slice@1.1.1

Unpacked Size

65.87 kB

Size

12.58 kB

File Count

9

Total Downloads

Cumulative downloads

Total Downloads

1,632

Last day

400%

5

Compared to previous day

Last week

-14.3%

6

Compared to previous week

Last month

200%

18

Compared to previous month

Last year

-65.2%

146

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

5

@reduxjs/toolkit deep-equal react react-dom react-redux

Dev Dependencies

41

Versions

reduxjs-toolkit-monitored-slice

Allow easy creation of a monitored slice that's compatible with @reduxjs/toolkit. A monitored slice automatically manages the lifecycle of provided data by tracking when it's stale, when it's loading, or when it's available.

Features

If data is marked as stale, it's only reloaded if actively being monitored via useMonitoredData hook or ContextProvider component (both returned during slice creation).
Optional input params for loader function are provided by a redux selector, and the loader will automatically be called if the result from the selector ever changes. This allows making your slice data dependent on other redux store data without having to manually manage that dependency.
Can configure if you want to return old data while slice is actively stale/loading or you can return something else instead (e.g. an empty array).
Data/actions are provided via selectors/slice actions as well as hook results, so you can use whatever is most convenient.
Multiple components can monitor the same slice and data will only be loaded once and shared across all of them.

Installation

yarn add @adamldoyle/reduxjs-toolkit-monitored-slice

Examples

Multiple examples provided via Storybook

https://adamldoyle-reduxjs-toolkit-monitored-slice-storybook.netlify.app/

OR

yarn storybook

Development

yarn install
yarn build

Contributors

Adam Doyle

License

MIT

No vulnerabilities found.

No security vulnerabilities found.