{"id":15630059,"url":"https://github.com/revolunet/react-mailchimp-subscribe","last_synced_at":"2025-05-15T04:08:01.606Z","repository":{"id":48017571,"uuid":"94110430","full_name":"revolunet/react-mailchimp-subscribe","owner":"revolunet","description":"React subscribe form for Mailchimp.","archived":false,"fork":false,"pushed_at":"2024-10-23T04:24:00.000Z","size":3173,"stargazers_count":245,"open_issues_count":50,"forks_count":49,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-05-14T03:42:38.309Z","etag":null,"topics":["mailchimp","reactjs","subscribe"],"latest_commit_sha":null,"homepage":"https://revolunet.github.io/react-mailchimp-subscribe/","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/revolunet.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-06-12T15:16:08.000Z","updated_at":"2025-05-07T04:30:37.000Z","dependencies_parsed_at":"2024-11-21T06:00:50.109Z","dependency_job_id":null,"html_url":"https://github.com/revolunet/react-mailchimp-subscribe","commit_stats":{"total_commits":35,"total_committers":9,"mean_commits":3.888888888888889,"dds":0.6,"last_synced_commit":"ca129108d777c4abd205aa664e022f8cbc97f13e"},"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/revolunet%2Freact-mailchimp-subscribe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/revolunet%2Freact-mailchimp-subscribe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/revolunet%2Freact-mailchimp-subscribe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/revolunet%2Freact-mailchimp-subscribe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/revolunet","download_url":"https://codeload.github.com/revolunet/react-mailchimp-subscribe/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254104810,"owners_count":22015546,"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":["mailchimp","reactjs","subscribe"],"created_at":"2024-10-03T10:29:57.806Z","updated_at":"2025-05-15T04:07:56.592Z","avatar_url":"https://github.com/revolunet.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-mailchimp-subscribe\n\n[![npm package][npm-badge]][npm]\n\nReact subscribe form for Mailchimp.\n\nWorking demo : https://revolunet.github.io/react-mailchimp-subscribe/\n\n## Usage\n\nCreate a list on mailchimp, add an \"Embedded\" form and get its \"action\" attribute from the mailchimp UI\n\nThe `MailchimpSubscribe` gives you a render prop with a `subscribe` method that you can call with your data.\n\nIn your app :\n\n```jsx\nimport MailchimpSubscribe from \"react-mailchimp-subscribe\"\n\nconst url = \"//xxxx.us13.list-manage.com/subscribe/post?u=zefzefzef\u0026id=fnfgn\";\n\n// simplest form (only email)\nconst SimpleForm = () =\u003e \u003cMailchimpSubscribe url={url}/\u003e\n\n// use the render prop and your custom form\nconst CustomForm = () =\u003e (\n  \u003cMailchimpSubscribe\n    url={url}\n    render={({ subscribe, status, message }) =\u003e (\n      \u003cdiv\u003e\n        \u003cCustomForm onSubmitted={formData =\u003e subscribe(formData)} /\u003e\n        {status === \"sending\" \u0026\u0026 \u003cdiv style={{ color: \"blue\" }}\u003esending...\u003c/div\u003e}\n        {status === \"error\" \u0026\u0026 \u003cdiv style={{ color: \"red\" }} dangerouslySetInnerHTML={{__html: message}}/\u003e}\n        {status === \"success\" \u0026\u0026 \u003cdiv style={{ color: \"green\" }}\u003eSubscribed !\u003c/div\u003e}\n      \u003c/div\u003e\n    )}\n  /\u003e\n)\n```\n\nsee examples in [./demo/src](./demo/src)\n\n\n[npm-badge]: https://img.shields.io/npm/v/react-mailchimp-subscribe.png?style=flat-square\n[npm]: https://www.npmjs.org/package/react-mailchimp-subscribe\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frevolunet%2Freact-mailchimp-subscribe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frevolunet%2Freact-mailchimp-subscribe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frevolunet%2Freact-mailchimp-subscribe/lists"}