Skip to content

developit/preact-redux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ce367d2 Β· May 16, 2019

History

78 Commits
Apr 10, 2019
Mar 19, 2019
Mar 28, 2019
Jun 2, 2016
Jun 2, 2016
Jun 2, 2016
Jun 2, 2016
Mar 19, 2019
Jun 2, 2016
Apr 24, 2019
Mar 28, 2019
May 16, 2019
May 16, 2019
Mar 19, 2019

Repository files navigation

preact-redux

NPM travis-ci

Wraps react-redux up for Preact (8.x and prior), 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!

πŸ’β€ Compatibility Note:

If you're using Preact X (preact@10+), please use the official react-redux library.


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