docs(nxdev): add noreferrer for _blank links (#9807)

CONTRIBUTING.md

@@ -6,7 +6,7 @@ We would love for you to contribute to Nx! Read this document to see how to do i
 
 Watch this 5-minute video:
 
-<a href="https://www.youtube.com/watch?v=8LCA_4qxc08" target="_blank">
+<a href="https://www.youtube.com/watch?v=8LCA_4qxc08" target="_blank" rel="noreferrer">
 <p style="text-align: center;"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/how-to-contribute.png" width="600" alt="Nx - How to contribute"></p>
 </a>
 

README.md

@@ -26,7 +26,7 @@ A few links to help you get started:
 - [Official Nx YouTube Channel](https://www.youtube.com/c/Nrwl_io)
 - [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
 
-<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank"><img src="./images/nx-courses-and-videos.svg" 
+<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="./images/nx-courses-and-videos.svg" 
 width="100%" alt="Nx - Smart, Fast and Extensible Build System"></a></p>
 
 # Engage with the Core Team and the Community
@@ -42,7 +42,7 @@ If you want to file a bug or submit a PR, read up on
 our [guidelines for contributing](https://github.com/nrwl/nx/blob/master/CONTRIBUTING.md) and watch this video that will
 help you get started.
 
-<a href="https://www.youtube.com/watch?v=8LCA_4qxc08" target="_blank">
+<a href="https://www.youtube.com/watch?v=8LCA_4qxc08" target="_blank" rel="noreferrer">
 <p style="text-align: center;"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/how-to-contribute.png" width="600" alt="Nx - How to contribute video"></p>
 </a>
 

dep-graph/client/src/app/sidebar/sidebar.tsx

@@ -157,7 +157,7 @@ export function Sidebar() {
       hover:underline
     "
         href="https://nx.dev/structure/dependency-graph"
-        rel="nofollow noreferrer"
+        rel="noreferrer"
         target="_blank"
       >
         <svg

nx-dev/feature-package-schema-viewer/src/lib/types/type.tsx

@@ -99,7 +99,7 @@ const LinkType = ({
 }): JSX.Element => {
   if (isExternalReference(schema) && schema.$ref !== undefined) {
     return (
-      <a href={schema.$ref} target="_blank">
+      <a href={schema.$ref} target="_blank" rel="noreferrer">
         external reference: {schema.$ref}{' '}
         <ExternalLinkIcon className="inline h-4 w-4" />
       </a>

nx-dev/ui-common/src/lib/footer.tsx

@@ -267,7 +267,7 @@ export function Footer({ useDarkBackground }: FooterProps) {
             </svg>{' '}
             by{' '}
             <Link href="https://nrwl.io/?utm_source=nx.dev">
-              <a target="_blank" rel="nofollow">
+              <a target="_blank" rel="noreferrer">
                 <svg
                   className="-mt-0.5 ml-0.5 inline h-auto w-14"
                   role="img"

nx-dev/ui-common/src/lib/npx-create-nx-workspace.tsx

@@ -408,7 +408,7 @@ export function NpxCreateNxWorkspaceAnimation({
                     <a
                       href="https://styled-components.com"
                       target="_blank"
-                      rel="nofollow"
+                      rel="noreferrer"
                       className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                     >
                       https://styled-components.com
@@ -440,7 +440,7 @@ export function NpxCreateNxWorkspaceAnimation({
                   <a
                     href="https://sass-lang.com"
                     target="_blank"
-                    rel="nofollow"
+                    rel="noreferrer"
                     className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                   >
                     https://sass-lang.com
@@ -450,7 +450,7 @@ export function NpxCreateNxWorkspaceAnimation({
                   <a
                     href="https://stylus-lang.com"
                     target="_blank"
-                    rel="nofollow"
+                    rel="noreferrer"
                     className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                   >
                     https://stylus-lang.com
@@ -460,7 +460,7 @@ export function NpxCreateNxWorkspaceAnimation({
                   <a
                     href="https://lesscss.org"
                     target="_blank"
-                    rel="nofollow"
+                    rel="noreferrer"
                     className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                   >
                     https://lesscss.org
@@ -474,7 +474,7 @@ export function NpxCreateNxWorkspaceAnimation({
                     <a
                       href="https://styled-components.com"
                       target="_blank"
-                      rel="nofollow"
+                      rel="noreferrer"
                       className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                     >
                       https://styled-components.com
@@ -486,7 +486,7 @@ export function NpxCreateNxWorkspaceAnimation({
                   <a
                     href="https://emotion.sh"
                     target="_blank"
-                    rel="nofollow"
+                    rel="noreferrer"
                     className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                   >
                     https://emotion.sh
@@ -496,7 +496,7 @@ export function NpxCreateNxWorkspaceAnimation({
                   <a
                     href="https://www.npmjs.com/package/styled-jsx"
                     target="_blank"
-                    rel="nofollow"
+                    rel="noreferrer"
                     className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                   >
                     https://www.npmjs.com/package/styled-jsx
@@ -601,7 +601,7 @@ export function NpxCreateNxWorkspaceAnimation({
                     <a
                       href="https://nx.dev/react/tutorial/01-create-application"
                       target="_blank"
-                      rel="nofollow"
+                      rel="noreferrer"
                       className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                     >
                       https://nx.dev/react/tutorial/01-create-application
@@ -613,7 +613,7 @@ export function NpxCreateNxWorkspaceAnimation({
                     <a
                       href="https://egghead.io/playlists/scale-react-development-with-nx-4038"
                       target="_blank"
-                      rel="nofollow"
+                      rel="noreferrer"
                       className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                     >
                       https://egghead.io/playlists/scale-react-development-with-nx-4038

nx-dev/ui-conference/src/lib/conf-schedule-short.tsx

@@ -109,7 +109,7 @@ const scheduleRow = (item: ScheduleItem): JSX.Element => (
         <div className="font-input-mono col-span-2 px-5 md:py-12 md:px-8">
           {item.videoUrl ? (
             <h3 className="mb-4 underline">
-              <a href={item.videoUrl} target="_blank">
+              <a href={item.videoUrl} target="_blank" rel="noreferrer">
                 {item.title}
               </a>
             </h3>
@@ -141,7 +141,7 @@ const breakRow = (item: ScheduleItem): JSX.Element => (
         <div className="px-5 pb-12 md:col-span-4 md:border-l md:border-gray-600 md:py-12 md:px-8">
           {item.videoUrl ? (
             <h3 className="font-input-mono underline">
-              <a href={item.videoUrl} target="_blank">
+              <a href={item.videoUrl} target="_blank" rel="noreferrer">
                 {item.title}
               </a>
             </h3>

nx-dev/ui-conference/src/lib/conf-schedule.tsx

@@ -365,7 +365,7 @@ const scheduleRow = (item: ScheduleItem): JSX.Element => (
         <div className="font-input-mono col-span-2 px-5 md:py-12 md:px-8">
           {item.videoUrl ? (
             <h3 className="mb-4 underline">
-              <a href={item.videoUrl} target="_blank">
+              <a href={item.videoUrl} target="_blank" rel="noreferrer">
                 {item.title}
               </a>
             </h3>
@@ -397,7 +397,7 @@ const breakRow = (item: ScheduleItem): JSX.Element => (
         <div className="px-5 pb-12 md:col-span-4 md:border-l md:border-gray-600 md:py-12 md:px-8">
           {item.videoUrl ? (
             <h3 className="font-input-mono underline">
-              <a href={item.videoUrl} target="_blank">
+              <a href={item.videoUrl} target="_blank" rel="noreferrer">
                 {item.title}
               </a>
             </h3>

nx-dev/ui-home/src/lib/egghead-courses.tsx

@@ -46,7 +46,7 @@ export function EggheadCourses(): ReactComponentElement<any> {
             <Link href="https://egghead.io/playlists/scale-react-development-with-nx-4038?utm_source=nx.dev">
               <a
                 title="Start learning how to create React application that scale with Nx"
-                rel="nofollow"
+                rel="noreferrer"
                 target="_blank"
                 className="text-blue-nx-base mt-8 inline-flex items-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium shadow hover:bg-gray-100"
               >

nx-dev/ui-home/src/lib/event-banner.tsx

@@ -11,7 +11,7 @@ export function EventBanner(): ReactComponentElement<any> {
               <a
                 href="https://ti.to/nrwl/nx-workshop-12-2021?utm_source=nx.dev"
                 target="_blank"
-                rel="nofollow"
+                rel="noreferrer"
                 className="group font-bold text-white underline"
               >
                 {' '}

nx-dev/ui-home/src/lib/nx-playbook.tsx

@@ -48,7 +48,7 @@ export function NxPlaybook(): ReactComponentElement<any> {
             <Link href="https://nxplaybook.com/?utm_source=nx.dev">
               <a
                 title="Dedicated carefully created Nx courses to get you up and running in no time"
-                rel="nofollow"
+                rel="noreferrer"
                 target="_blank"
                 className="text-blue-nx-base mt-8 inline-flex items-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium shadow hover:bg-gray-100"
               >

nx-dev/ui-home/src/lib/open-source-projects.tsx

@@ -381,7 +381,7 @@ export function OpenSourceProjects(): ReactComponentElement<any> {
                   <Link href={project.href}>
                     <a
                       target="_blank"
-                      rel="nofollow"
+                      rel="noreferrer"
                       className="focus:outline-none"
                     >
                       {/* Extend touch target to entire panel */}

nx-dev/ui-home/src/lib/youtube-channel.tsx

@@ -47,7 +47,7 @@ export function YoutubeChannel(): ReactComponentElement<any> {
             <Link href="https://www.youtube.com/c/Nrwl_io?utm_source=nx.dev">
               <a
                 title="Get the latest resources about Nx"
-                rel="nofollow"
+                rel="noreferrer"
                 target="_blank"
                 className="text-blue-nx-base mt-8 inline-flex items-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium shadow hover:bg-gray-100"
               >

nx-dev/ui-member-card/src/lib/member-card.tsx

@@ -27,7 +27,7 @@ export function MemberCard(data: Member): JSX.Element {
             className="font-input-mono mt-6 block"
             href={'https://twitter.com/' + data.twitter}
             target="_blank"
-            rel="nofollow"
+            rel="noreferrer"
           >
             @{data.twitter}
           </a>

nx-dev/ui-sponsor-card/src/lib/sponsor-card.tsx

@@ -14,7 +14,7 @@ export function SponsorCard(data: Sponsor) {
           className="cursor-pointer"
           href={data.linkTarget}
           target="_blank"
-          rel="nofollow"
+          rel="noreferrer"
         >
           <Image src={data.imageUrl} alt={data.name} width={130} height={130} />
         </a>

scripts/readme-fragments/content.md

@@ -56,5 +56,5 @@ A few links to help you get started:
 - [Official Nx YouTube Channel](https://www.youtube.com/c/Nrwl_io)
 - [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
 
-<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
+<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
 width="100%" alt="Nx - Smart, Fast and Extensible Build System"></a></p>

scripts/readme-fragments/resources.md

@@ -7,5 +7,5 @@ A few links to help you get started:
 - [Official Nx YouTube Channel](https://www.youtube.com/c/Nrwl_io)
 - [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
 
-<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
+<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
 width="100%" alt="Nx - Smart, Fast and Extensible Build System"></a></p>