{"id":17291536,"url":"https://github.com/acelaya/react-external-link","last_synced_at":"2025-07-02T16:36:20.510Z","repository":{"id":35084238,"uuid":"204631339","full_name":"acelaya/react-external-link","owner":"acelaya","description":"Simple react component to generate links with target=\"_blank\" and rel=\"noopener noreferrer\"","archived":false,"fork":false,"pushed_at":"2025-06-28T07:51:18.000Z","size":3268,"stargazers_count":6,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-28T08:32:36.608Z","etag":null,"topics":["external","noopener","noreferrer","react","reactjs"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/acelaya.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","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,"zenodo":null},"funding":{"github":["acelaya"],"custom":["https://acel.me/donate"]}},"created_at":"2019-08-27T06:05:33.000Z","updated_at":"2025-06-28T07:51:16.000Z","dependencies_parsed_at":"2024-05-18T09:32:32.521Z","dependency_job_id":"1d127a42-3a50-4e69-be1a-0c21b6200432","html_url":"https://github.com/acelaya/react-external-link","commit_stats":{"total_commits":79,"total_committers":3,"mean_commits":"26.333333333333332","dds":0.3924050632911392,"last_synced_commit":"0207818ce967569ca33929a76bf386be4815d364"},"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"purl":"pkg:github/acelaya/react-external-link","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acelaya%2Freact-external-link","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acelaya%2Freact-external-link/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acelaya%2Freact-external-link/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acelaya%2Freact-external-link/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/acelaya","download_url":"https://codeload.github.com/acelaya/react-external-link/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acelaya%2Freact-external-link/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262402868,"owners_count":23305661,"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":["external","noopener","noreferrer","react","reactjs"],"created_at":"2024-10-15T10:41:15.136Z","updated_at":"2025-07-02T16:36:20.465Z","avatar_url":"https://github.com/acelaya.png","language":"TypeScript","funding_links":["https://github.com/sponsors/acelaya","https://acel.me/donate"],"categories":[],"sub_categories":[],"readme":"# React External Link\n\n[![Build Status](https://img.shields.io/github/actions/workflow/status/acelaya/react-external-link/ci.yml?branch=main\u0026logo=github\u0026style=flat-square)](https://github.com/acelaya/react-external-link/actions/workflows/ci.yml)\n[![Code Coverage](https://img.shields.io/codecov/c/gh/acelaya/react-external-link/main?style=flat-square)](https://app.codecov.io/gh/acelaya/react-external-link)\n[![npm](https://img.shields.io/npm/v/react-external-link?style=flat-square)](https://www.npmjs.com/package/react-external-link)\n[![npm downloads](https://img.shields.io/npm/dt/react-external-link?style=flat-square)](https://www.npmjs.com/package/react-external-link)\n[![GitHub license](https://img.shields.io/github/license/acelaya/react-external-link.svg?style=flat-square)](https://github.com/acelaya/react-external-link/blob/master/LICENSE)\n[![Paypal Donate](https://img.shields.io/badge/Donate-paypal-blue.svg?style=flat-square\u0026logo=paypal\u0026colorA=cccccc)](https://acel.me/donate)\n\nThis library provides a simple `ExternalLink` component for [react](https://es.reactjs.org/) which can be used to render `a` tags with both `target=\"_blank\"` and `rel=\"noopener noreferrer\"` attributes.\n\n## Installation\n\n    npm install react-external-link --save\n\n## Usage\n\nIf you just need a simple link with no custom text:\n\n```tsx\nimport { ExternalLink } from 'react-external-link';\n\nconst MyComponent = () =\u003e (\n  \u003cdiv\u003e\n    \u003cExternalLink href=\"https://example.com\" /\u003e\n  \u003c/div\u003e\n);\n\nexport default MyComponent;\n```\n\nThis will be rendered as:\n\n```html\n\u003ca href=\"https://example.com\" target=\"_blank\" rel=\"noopener noreferrer\"\u003ehttps://example.com\u003c/a\u003e\n```\n\nIf you need to provide a custom content, you can do so by providing the `ExternalLink`'s `children`:\n\n```tsx\nimport { ExternalLink } from 'react-external-link';\n\nconst MyComponent = () =\u003e (\n  \u003cdiv\u003e\n    \u003cExternalLink href=\"https://example.com\"\u003e\n      \u003cspan\u003eVisit the site\u003c/span\u003e\n    \u003c/ExternalLink\u003e\n  \u003c/div\u003e\n);\n\nexport default MyComponent;\n```\n\nThis will be rendered as:\n\n```html\n\u003ca href=\"https://example.com\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n  \u003cspan\u003eVisit the site\u003c/span\u003e\n\u003c/a\u003e\n```\n\nIt is also possible to pass any extra props, and they will be propagated to the link:\n\n```tsx\nimport { ExternalLink } from 'react-external-link';\n\nconst MyComponent = () =\u003e \u003cExternalLink href=\"https://example.com\" className=\"my-class\" /\u003e;\n\nexport default MyComponent;\n```\n\nThe result in this case will be:\n\n```html\n\u003ca href=\"https://example.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"my-class\"\u003ehttps://example.com\u003c/a\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facelaya%2Freact-external-link","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facelaya%2Freact-external-link","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facelaya%2Freact-external-link/lists"}