{"id":15662191,"url":"https://github.com/nekr/preact-delegate","last_synced_at":"2025-07-17T12:35:12.110Z","repository":{"id":57329509,"uuid":"83734347","full_name":"NekR/preact-delegate","owner":"NekR","description":"Preact delegate DOM events","archived":false,"fork":false,"pushed_at":"2017-03-03T01:42:41.000Z","size":7,"stargazers_count":19,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-11T03:48:29.976Z","etag":null,"topics":["delegate","dom","events","preact"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NekR.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-02T23:11:58.000Z","updated_at":"2024-02-08T13:40:52.000Z","dependencies_parsed_at":"2022-09-14T19:01:46.860Z","dependency_job_id":null,"html_url":"https://github.com/NekR/preact-delegate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/NekR/preact-delegate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NekR%2Fpreact-delegate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NekR%2Fpreact-delegate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NekR%2Fpreact-delegate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NekR%2Fpreact-delegate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NekR","download_url":"https://codeload.github.com/NekR/preact-delegate/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NekR%2Fpreact-delegate/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265606896,"owners_count":23797035,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["delegate","dom","events","preact"],"created_at":"2024-10-03T13:30:35.627Z","updated_at":"2025-07-17T12:35:11.818Z","avatar_url":"https://github.com/NekR.png","language":"JavaScript","readme":"# preact-delegate\n\nDelegate DOM events with Preact (since Preact doesn't do that by default).\n\n## Install\n\n```sh\nnpm install preact-delegate --save-dev\n```\n\n## Usage\n\nJust wrap your root element from where to capture events with `DelegateContainer` and then wrap individual elements which should receive events with `DelegateElement`. See example:\n\n```js\nimport { Component } from 'preact';\nimport { DelegateContainer, DelegateElement } from 'preact-delegate';\n\nclass MyComponent extends Component {\n  constructor(...args) {\n    super(...args);\n\n    this.onClick = (e) =\u003e {\n      console.log(e.target);\n    };\n  }\n\n  render({ items }) {\n    return \u003cDelegateContainer\u003e\n      \u003cdiv class=\"my-component\"\u003e\n        {items.map(item =\u003e (\n          \u003cdiv class=\"my-item\"\u003e\n            \u003cDelegateElement click={this.onClick}\u003e\n              \u003cbutton type=\"button\" class=\"my-button\"\u003e{ item.text }\u003c/button\u003e\n            \u003c/DelegateElement\u003e\n          \u003c/div\u003e\n        ))}\n      \u003c/div\u003e\n    \u003c/DelegateContainer\u003e\n  }\n}\n```\n\n## LICENSE\n\n[MIT](LICEMSE.md)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnekr%2Fpreact-delegate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnekr%2Fpreact-delegate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnekr%2Fpreact-delegate/lists"}