lite-redux
v1.0.1
Published
Redux Connect for Web Components
Downloads
4
Maintainers
Readme
Redux Connect for Web Components
Redux Connect HOC for Web Components. It's also works for LitElement.
Usage
The function that is exported from the package gets store as an argument and returns connect HoC, which you can use just like the standard Redux connect (e.g. react-redux). Simple usage looks like this:
import connect from "lite-redux";
...
connect(store)(mapStateToProps, mapDispatchToProps)(Component)
But it is more concise to make connect with store and use it everywhere in your project:
// store.js
import { createStore, combineReducers } from "redux";
import makeConnect from "lite-redux";
const reducer = combineReducers({ ... });
const store = createStore(reducer);
export default store;
export const connect = makeConnect(store);
// Component.js
import { connect } from "./store";
class Component extends WhatEver {
...
}
export default connect(mapStateToProps, mapDispatchToProps)(Component)