{"id":36540498,"url":"https://github.com/nicmesan/react-redux-notification","last_synced_at":"2026-01-12T05:45:34.821Z","repository":{"id":57343307,"uuid":"74996717","full_name":"nicmesan/react-redux-notification","owner":"nicmesan","description":"The simplest way to implement a notification system in your React-Redux app","archived":false,"fork":false,"pushed_at":"2017-02-04T18:44:03.000Z","size":16,"stargazers_count":26,"open_issues_count":1,"forks_count":22,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-25T15:06:31.980Z","etag":null,"topics":["notifications","notifications-component","react","redux"],"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/nicmesan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-11-28T17:23:27.000Z","updated_at":"2025-01-30T14:00:29.000Z","dependencies_parsed_at":"2022-09-12T06:30:36.287Z","dependency_job_id":null,"html_url":"https://github.com/nicmesan/react-redux-notification","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nicmesan/react-redux-notification","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicmesan%2Freact-redux-notification","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicmesan%2Freact-redux-notification/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicmesan%2Freact-redux-notification/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicmesan%2Freact-redux-notification/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nicmesan","download_url":"https://codeload.github.com/nicmesan/react-redux-notification/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicmesan%2Freact-redux-notification/sbom","scorecard":{"id":685721,"data":{"date":"2025-08-11","repo":{"name":"github.com/nicmesan/react-redux-notification","commit":"e38d7220583e805907ec4a7dad7a7f4ec5922f82"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Code-Review","score":0,"reason":"Found 0/12 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}}]},"last_synced_at":"2025-08-22T00:44:39.370Z","repository_id":57343307,"created_at":"2025-08-22T00:44:39.370Z","updated_at":"2025-08-22T00:44:39.370Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28335226,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-12T00:36:25.062Z","status":"online","status_checked_at":"2026-01-12T02:00:08.677Z","response_time":98,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["notifications","notifications-component","react","redux"],"created_at":"2026-01-12T05:45:34.301Z","updated_at":"2026-01-12T05:45:34.816Z","avatar_url":"https://github.com/nicmesan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-redux-notification\nThe simplest way to implement a notification system in your React-Redux app\n\n## Installation\n\n```\nnpm install --save react-redux-notification\n```\n\n# Getting started\n\n### CSS\n\n#### Webpack:\n```js\nimport 'react-redux-notification/src/styles/notifications.css';\n```\n\n#### Other\n```html\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"path/to/notifications.css\"\u003e\n```\n\n### Middleware\n\n```js\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './my_app';\nimport { createStore, applyMiddleware } from 'redux';\nimport { Provider } from 'react-redux';\nimport {notificationsMiddleware} from 'react-redux-notification'\nimport rootReducer from './my_reducer';\n\nconst store = createStore(\n    rootReducer,\n\tapplyMiddleware(notificationsMiddleware),\n\n\t);\n\nReactDOM.render(\n\t\u003cProvider store={store}\u003e\n\t\t\u003cApp /\u003e\n\t\u003c/Provider\u003e\n\t, document.querySelector('.container'));\n```\n### Reducer\n\n```js\nimport { combineReducers } from 'redux';\nimport { notificationsReducer } from '../src'\n\nconst rootReducer = combineReducers({\n    notificationsReducer,\n});\n\nexport default rootReducer;\n```\n# Using the library\n\n### Notifications container\n\nFirst, add the notifications container in your main component:\n\n```js\nimport React, { Component } from 'react';\nimport { Notifications } from 'react-redux-notification'\n\nclass MainComponent extends Component {\n  render () {\n    return (\n      \u003cdiv\u003e\n        //.....\n        \u003cNotifications duration={1000}/\u003e\n      \u003c/div\u003e\n    )\n}\n//...\n```\n## Notification container Props\n\n| Name | Type | Default | Required |\n|------|------|---------|----------|\n| duration | number | 3000 | false |\n\n- duration: Time in ms each single notification will be rendered before disappearing \n\n### Actions\n\n## Adding a single notification\n\nYou can add a notification calling the addNotification action:\n\n```js\nimport React, { Component } from 'react';\nimport { Notifications } from 'react-redux-notification';\nimport { addNotification } from 'react-redux-notification/actions';\n\nclass MainComponent extends Component {\n  \n  addNotification () {\n    const notificationPayload = {\n            text: 'A notification Message',\n        };\n        \n    this.props.addNotification(notificationPayload)\n }\n \n  render () {\n    return (\n      \u003cdiv\u003e\n        \u003cbutton onClick={this.addNotification.bind(this)}\n        //.....\n        \u003cNotifications duration={1000}/\u003e\n      \u003c/div\u003e\n    )\n}\n//...\n```\n\nOr just add the notifiaction key to any other action you are dispatching, and the library middleware will take care of the rest:\n\n```js\n// Some random action in your app\n\nexports function doSomeStuff () {\n  type: 'doSomeStuff',\n  notification: {\n    text: 'Stuff done'\n}\n```\n\n## Single notification Props\n\n| Name | Type | Default | Required |\n|------|------|---------|----------|\n| message | string | None | true |\n| className | string | Default styles | false |\n| unique | boolean | false | false |\n| type | string | None | false |\n\n- message: Text message to be rendered.\n- className: Class name to be applied to this specific notification. The library comes with an error class to render error like notifications. \n- unique: If true, it will check if a notification of the same \"type\" exists and if it does, will replace it instead of stacking it.\n- type: Related to the unique props, group related notifications of the same type if you don't want them to stack.\n\n\n## Clearing all notifications\n\nCall clearAllNotifications action to clear all current notifications:\n\n```js\nimport React, { Component } from 'react';\nimport { Notifications } from 'react-redux-notification';\nimport { clearAllNotifications } from 'react-redux-notification/actions';\n\nclass MainComponent extends Component {\n  \n  clearAllNotifications () {\n    this.props.clearAllNotifications()\n }\n \n  render () {\n    return (\n      \u003cdiv\u003e\n        \u003cbutton onClick={this.clearAllNotifications.bind(this)}\n        //.....\n        \u003cNotifications duration={1000}/\u003e\n      \u003c/div\u003e\n    )\n}\n//...\n```\n\n### Demo\n\nCheck the demo folder for an example\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnicmesan%2Freact-redux-notification","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnicmesan%2Freact-redux-notification","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnicmesan%2Freact-redux-notification/lists"}