redux-state-sync | lightweight middleware to sync your redux state | State Container library

by aohua JavaScript Version: Current License: MIT

X-Ray Key Features Code Snippets Community Discussions(2)Vulnerabilities Install Support

kandi X-RAY | redux-state-sync Summary

redux-state-sync is a JavaScript library typically used in User Interface, State Container applications. redux-state-sync has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

A lightweight middleware to sync your redux state across browser tabs

Support

Quality

Security

License

Reuse

Support

redux-state-sync has a low active ecosystem.

It has 186 star(s) with 25 fork(s). There are 4 watchers for this library.

It had no major release in the last 6 months.

There are 14 open issues and 23 have been closed. On average issues are closed in 85 days. There are 24 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of redux-state-sync is current.

Quality

redux-state-sync has 0 bugs and 0 code smells.

Security

redux-state-sync has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

redux-state-sync code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

redux-state-sync is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

redux-state-sync releases are not available. You will need to build from source code and install.

Installation instructions, examples and code snippets are available.

Top functions reviewed by kandi - BETA

kandi has reviewed redux-state-sync and discovered the below as its top functions. This is intended to give you an instant insight into redux-state-sync implemented functionality, and help decide if they suit your requirements.

An event listener .
Register new SWF service
Checks if a service is reloaded
Check if action is allowed
Unregister the service worker
Generate a unique action
step 4 4 4
Syncs if action is synced .
Generates a unique id
return true if event is async

Get all kandi verified functions for this library.

redux-state-sync Key Features

No Key Features are available at this moment for redux-state-sync.

redux-state-sync Examples and Code Snippets

No Code Snippets are available at this moment for redux-state-sync.

Community Discussions

Trending Discussions on redux-state-sync

How to find out what breaks Angular binding?

How to use redux-state-sync middleware with angular-redux?

QUESTION

How to find out what breaks Angular binding?

Asked 2019-Oct-07 at 07:50

I have angular app supporting multiple browser tabs that has 2 bindings other using angular-redux @select and other one {{ property }}. The app works as expected. However I can break the bindings by configuring my angular store using redux-state-sync middleware to use broadcast-channel instead of localstorage. So replacing a row with a commented row below it in app.component.ts breaks the bindings in 2nd browser window. This seems really strange and I have no idea how to find out why both bindings break from seemingly unrelated change.

EDIT: Refering to yurzui's answer: the state is synced across the tabs also with broadcast-channel option. Only the bindings don't work anymore. This can be verified in console output in different browser tabs when button is pressed.

app.component.html

...

ANSWER

Answered 2019-May-22 at 12:27

When you use localstorage channel your application is subscribed to browser storage event. And once your application changes the value in one tab it updates locastorage which fires storage event in other tab so it's updated.

With default redux_state_sync channel you don't have such connection between tabs but channel now uses BroadcastChannel which is not patched by zonejs so you always get message not in angular zone.

What can you do?

Manually run code inside Angular zone on subscribe:

Source https://stackoverflow.com/questions/56162064

QUESTION

How to use redux-state-sync middleware with angular-redux?

Asked 2019-May-16 at 05:50

I have existing code where I have configured the store in AppModule constructor:

...

ANSWER

Answered 2019-May-16 at 05:50

Unfortunately I didn't get this to work properly on broadcast-channel (see Why redux @select does not work even though the state is changed when using redux-state-sync?) so here it is with localstorage.

app.module.ts