{"id":19248224,"url":"https://github.com/fullstack-dev3/react-event-emitter","last_synced_at":"2025-02-23T16:14:51.049Z","repository":{"id":180880812,"uuid":"665844021","full_name":"fullstack-dev3/react-event-emitter","owner":"fullstack-dev3","description":"Usage Event Emitter in react app","archived":false,"fork":false,"pushed_at":"2023-07-13T07:29:50.000Z","size":328,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-05T05:26:17.749Z","etag":null,"topics":["eventemitter3","npm","react-scripts","reactdom","reactjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fullstack-dev3.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-07-13T06:12:31.000Z","updated_at":"2023-10-24T15:30:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"331f0de4-d23c-44d4-9f60-cc079479faca","html_url":"https://github.com/fullstack-dev3/react-event-emitter","commit_stats":null,"previous_names":["full-stack-david/react-event-emitter","fullstack-dev3/react-event-emitter"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fullstack-dev3%2Freact-event-emitter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fullstack-dev3%2Freact-event-emitter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fullstack-dev3%2Freact-event-emitter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fullstack-dev3%2Freact-event-emitter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fullstack-dev3","download_url":"https://codeload.github.com/fullstack-dev3/react-event-emitter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240339583,"owners_count":19785957,"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":["eventemitter3","npm","react-scripts","reactdom","reactjs"],"created_at":"2024-11-09T18:07:04.065Z","updated_at":"2025-02-23T16:14:51.026Z","avatar_url":"https://github.com/fullstack-dev3.png","language":"JavaScript","readme":"# react-event-emitter\nUsage [Event Emitter](https://www.npmjs.com/package/eventemitter3) package in react app\n\n## Introduction\n\n#### - Define emitter service\n```sh\nimport EventEmitter from 'eventemitter3';\n\nconst eventEmitter = new EventEmitter();\n\nconst Emitter = {\n  on: (event, fn) =\u003e eventEmitter.on(event, fn),\n  once: (event, fn) =\u003e eventEmitter.once(event, fn),\n  off: (event, fn) =\u003e eventEmitter.off(event, fn),\n  emit: (event, payload) =\u003e eventEmitter.emit(event, payload)\n}\n\nObject.freeze(Emitter);\n\nexport default Emitter;\n```\n\n#### - Listen the events from emitter service\n```sh\ncomponentDidMount() {\n    // listens all the time\n    Emitter.on('event_name', () =\u003e callback());\n\n    // listens only to the first event\n    Emitter.once('event_name', () =\u003e callback());\n}\n\ncomponentWillUnmount() {\n    Emitter.off('event_name');\n}\n```\n\n## Install\n```sh\n$ npm install\n```\n\n## Develop\n```sh\n$ npm start\n```\n\n## Production\n```sh\n$ npm build\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffullstack-dev3%2Freact-event-emitter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffullstack-dev3%2Freact-event-emitter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffullstack-dev3%2Freact-event-emitter/lists"}