https://github.com/developit/preact-redux

:loop: Preact integration for Redux (no shim needed!)
https://github.com/developit/preact-redux

preact preact-components redux

Last synced: 5 days ago
JSON representation

:loop: Preact integration for Redux (no shim needed!)

• Host: GitHub
• URL: https://github.com/developit/preact-redux
• Owner: developit
• License: mit
• Created: 2016-06-02T03:28:15.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-01-21T20:57:08.000Z (almost 5 years ago)
• Last Synced: 2024-12-17T06:48:14.790Z (6 days ago)
• Topics: preact, preact-components, redux
• Language: JavaScript
• Homepage: https://npm.im/preact-redux
• Size: 285 KB
• Stars: 288
• Watchers: 10
• Forks: 26
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# preact-redux

[![NPM](http://img.shields.io/npm/v/preact-redux.svg)](https://www.npmjs.com/package/preact-redux)

[![travis-ci](https://travis-ci.org/developit/preact-redux.svg)](https://travis-ci.org/developit/preact-redux)

Wraps [react-redux] up for [Preact] (8.x and prior), without using [preact-compat](https://github.com/developit/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](https://github.com/developit/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](http://redux.js.org/docs/basics/UsageWithReact.html) documentation for details on how to work with Redux from Preact.

```js

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

import { h, render } from 'preact';

const Main = () => (

	

		

	

);

const Child = connect(

	state => state

)( ({ text, setText }) => (

	 setText(e.target.value)} />

) );

render(, document.body);

```

---

### License

[MIT]

[react-redux]: https://github.com/reactjs/react-redux

[Preact]: https://github.com/developit/preact

[MIT]: http://choosealicense.com/licenses/mit/