fix(react): fixes broken links to 01-create-application vs 1-code-generation (#12737)

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

@@ -600,12 +600,12 @@ export function NpxCreateNxWorkspaceAnimation({
                     First time using Nx? Check out this interactive Nx tutorial.
                     <br />
                     <a
-                      href="https://nx.dev/react-tutorial/01-create-application"
+                      href="https://nx.dev/react-tutorial/1-code-generation"
                       target="_blank"
                       rel="noreferrer"
                       className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                     >
-                      https://nx.dev/react-tutorial/01-create-application
+                      https://nx.dev/react-tutorial/1-code-generation
                     </a>
                     <br />
                     Prefer watching videos? Check out this free Nx course on

packages/cra-to-nx/README.md

@@ -45,7 +45,7 @@ nx generate lib ui-button
 
 ### Courses, guides, docs
 
-- [Follow the Nx React tutorial](https://nx.dev/react-tutorial/01-create-application)
+- [Follow the Nx React tutorial](https://nx.dev/react-tutorial/1-code-generation)
 
 - [Free Nx course on Egghead.io](https://egghead.io/playlists/scale-react-development-with-nx-4038)
 

packages/cra-to-nx/src/lib/cra-to-nx.ts

@@ -172,7 +172,7 @@ export async function createNxWorkspaceForReact(options: Record<string, any>) {
   output.note({
     title: 'First time using Nx? Check out this interactive Nx tutorial.',
     bodyLines: [
-      `https://nx.dev/react-tutorial/01-create-application`,
+      `https://nx.dev/react-tutorial/1-code-generation`,
       ` `,
       `Prefer watching videos? Check out this free Nx course on Egghead.io.`,
       `https://egghead.io/playlists/scale-react-development-with-nx-4038`,

packages/create-nx-workspace/bin/create-nx-workspace.ts

@@ -1035,7 +1035,7 @@ function pointToTutorialAndCourse(preset: Preset) {
       output.addVerticalSeparator();
       output.note({
         title,
-        bodyLines: [`https://nx.dev/react-tutorial/01-create-application`],
+        bodyLines: [`https://nx.dev/react-tutorial/1-code-generation`],
       });
       break;
     case Preset.Angular:

packages/next/src/generators/application/lib/create-application-files.helpers.ts

@@ -152,7 +152,7 @@ export function createAppJsx(name: string) {
               </svg>
             </a>
             <a
-              href="https://nx.dev/react-tutorial/01-create-application?utm_source=nx-project"
+              href="https://nx.dev/react-tutorial/1-code-generation?utm_source=nx-project"
               target="_blank"
               rel="noreferrer"
               className="list-item-link"

packages/react-native/src/generators/application/files/app/src/app/App.tsx.template

@@ -132,7 +132,7 @@ export const App = () => {
                 style={[styles.listItem, styles.learning]}
                 onPress={() =>
                   Linking.openURL(
-                    'https://nx.dev/react-tutorial/01-create-application?utm_source=nx-project'
+                    'https://nx.dev/react-tutorial/1-code-generation?utm_source=nx-project'
                   )
                 }
               >

packages/react/src/generators/application/files/common/src/app/nx-welcome.tsx

@@ -565,7 +565,7 @@ export function NxWelcome({ title }: { title: string }) {
                 </svg>
               </a>
               <a
-                href="https://nx.dev/react-tutorial/01-create-application?utm_source=nx-project"
+                href="https://nx.dev/react-tutorial/1-code-generation?utm_source=nx-project"
                 target="_blank"
                 rel="noreferrer"
                 className="list-item-link"

packages/web/src/generators/application/files/app/src/app/app.element.ts__tmpl__

@@ -151,7 +151,7 @@ export class AppElement extends HTMLElement {
                 />
               </svg>
             </a>
-            <a href="https://nx.dev/react-tutorial/01-create-application?utm_source=nx-project" target="_blank" rel="noreferrer" class="list-item-link">
+            <a href="https://nx.dev/react-tutorial/1-code-generation?utm_source=nx-project" target="_blank" rel="noreferrer" class="list-item-link">
               <svg
                 fill="none"
                 stroke="currentColor"