https://github.com/NekR/preact-delegate

Preact delegate DOM events
https://github.com/NekR/preact-delegate

delegate dom events preact

Last synced: about 2 months ago
JSON representation

Preact delegate DOM events

• Host: GitHub
• URL: https://github.com/NekR/preact-delegate
• Owner: NekR
• License: mit
• Created: 2017-03-02T23:11:58.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-03-03T01:42:41.000Z (over 7 years ago)
• Last Synced: 2024-07-08T22:02:49.077Z (2 months ago)
• Topics: delegate, dom, events, preact
• Language: JavaScript
• Homepage:
• Size: 6.84 KB
• Stars: 19
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-preact - Preact Delegate - Delegate DOM events. (Uncategorized / Uncategorized)

README

        
# preact-delegate

Delegate DOM events with Preact (since Preact doesn't do that by default).

## Install

```sh

npm install preact-delegate --save-dev

```

## Usage

Just wrap your root element from where to capture events with `DelegateContainer` and then wrap individual elements which should receive events with `DelegateElement`. See example:

```js

import { Component } from 'preact';

import { DelegateContainer, DelegateElement } from 'preact-delegate';

class MyComponent extends Component {

  constructor(...args) {

    super(...args);

    this.onClick = (e) => {

      console.log(e.target);

    };

  }

  render({ items }) {

    return 

      


        {items.map(item => (

          


            

              { item.text }

            

          

        ))}

      

    

  }

}

```


## LICENSE

[MIT](LICEMSE.md)