@mechanica/preact-redux

Wraps react-redux up for Preact, without preact-compat

Usage no npm install needed!

<script type="module">
  import mechanicaPreactRedux from 'https://cdn.skypack.dev/@mechanica/preact-redux';
</script>

README

preact-redux

NPM travis-ci

Wraps react-redux up for Preact, without using preact-compat.

Think of this as a version of react-redux that is pre-aliased to use preact in place of React.

See preact-redux-example: a full working example of redux + preact using preact-redux!


Usage Example

This is a contrived example. Please refer to Redux's Usage with React documentation for details on how to work with Redux from Preact.

import { Provider, connect } from 'preact-redux';
import { h, render } from 'preact';

const Main = () => (
    <Provider store={store}>
        <Child />
    </Provider>
);

const Child = connect(
    state => state
)( ({ text, setText }) => (
    <input value={text} onInput={e => setText(e.target.value)} />
) );

render(<Main />, document.body);

License

MIT