Merged main into live

Author: mijacobs

.github/workflows/clean-repo.yml

@@ -14,7 +14,7 @@ jobs:
       pull-requests: write
 
     steps:
-      - uses: actions/[email protected].0
+      - uses: actions/[email protected].1
 
       # Call clean repo
       - name: Clean repo

.github/workflows/whats-new.yml

@@ -18,7 +18,7 @@ jobs:
       pull-requests: write
 
     steps:
-      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938
+      - uses: actions/checkout@eef61447b9ff4aafe5dcd4e0bbf5d482be7e7871
 
       - name: "Print manual run reason"
         if: ${{ github.event_name == 'workflow_dispatch' }}

docs/javascript/TOC.yml

@@ -8,16 +8,18 @@
   items:
   - name: First look at the Visual Studio IDE
     href: quickstart-ide-orientation-js.md
-  - name: Create a React app
+  - name: Create a React project
     href: tutorial-create-react-app.md
-  - name: Create an Angular app
+  - name: Create an Angular project
     href: tutorial-create-angular-app.md
-  - name: Create a Vue.js app
+  - name: Create a Vue.js project
     href: tutorial-create-vue-app.md
 - name: Tutorials
   items:
   - name: Create a Node.js app with Express
     href: tutorial-nodejs.md
+  - name: Create a React app
+    href: create-react-app.md
   - name: Create an ASP.NET Core app with React
     href: tutorial-asp-net-core-with-react.md
   - name: Create an ASP.NET Core app with Angular

docs/javascript/create-react-app.md

@@ -11,7 +11,7 @@ metadata:
   author: mikejo5000
   ms.author: mikejo
   manager: mijacobs
-  ms.date: 01/23/2023
+  ms.date: 10/03/2024
 
 # linkListType: architecture | concept | deploy | download | get-started | how-to-guide | learn | overview | quickstart | reference | tutorial | video | whats-new
 
@@ -39,14 +39,16 @@ landingContent:
     linkLists:
       - linkListType: quickstart
         links:
-          - text: Create an Angular App
+          - text: Create an Angular project
             url: tutorial-create-angular-app.md
-          - text: Create a React App
+          - text: Create a React project
             url: tutorial-create-react-app.md
-          - text: Create a Vue App
+          - text: Create a Vue project
             url: tutorial-create-vue-app.md
       - linkListType: tutorial
         links:
+          - text: Create a React app
+            url: create-react-app.md
           - text: Create a web app with Angular and ASP.NET Core
             url: tutorial-asp-net-core-with-angular.md
           - text: Create a web app with React and ASP.NET Core

docs/javascript/index.yml

@@ -31,7 +31,6 @@ You can use the method described in this article to create ASP.NET Core Single P
 - Visual Studio 2022 version 17.8 or later with the **ASP.NET and web development** workload installed. Go to the [Visual Studio downloads](https://visualstudio.microsoft.com/downloads/?cid=learn-onpage-download-cta) page to install it for free.
   If you need to install the workload and already have Visual Studio, go to **Tools** > **Get Tools and Features...**, which opens the Visual Studio Installer. Choose the **ASP.NET and web development** workload, then choose **Modify**.
 - npm ([`https://www.npmjs.com/`](https://www.npmjs.com/package/npm)), which is included with Node.js
-- npx ([`https://www.npmjs.com/package/npx`](https://www.npmjs.com/package/npx))
 
 ## Create the frontend app
 

docs/javascript/media/vs-2022/angular-choose-standalone-template.png

@@ -1,7 +1,7 @@
 ---
-title: Create an Angular app in Visual Studio
+title: Create an Angular project in Visual Studio
 description: Create, build, and run a simple Angular front-end web application project from a Visual Studio template, and set basic properties for the project.
-ms.date: 05/23/2024
+ms.date: 10/02/2024
 ms.custom: vs-acquisition
 ms.topic: tutorial
 ms.devlang: javascript
@@ -14,7 +14,7 @@ dev_langs:
 monikerRange: '>= vs-2022'
 ---
 
-# Create an Angular app
+# Create an Angular project
 
 In this 5-10 minute introduction to the Visual Studio integrated development environment (IDE), you create and run a simple Angular frontend web application.
 
@@ -32,10 +32,12 @@ Make sure to install the following:
 
    :::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::
 
-1. Search for Angular in the search bar at the top and then select **Standalone TypeScript Angular Project**.
+1. Search for Angular in the search bar at the top and then select **Angular App**.
 
    :::image type="content" source="media/vs-2022/angular-choose-standalone-template.png" alt-text="Screenshot showing choosing a template":::
 
+   Starting in Visual Studio 2022 version 11, the template name was changed from **Standalone TypeScript Angular Project** to **Angular App**.
+
 1. Give your project and solution a name.
 
 1. Choose **Create**, and then wait for Visual Studio to create the project.

docs/javascript/media/vs-2022/react-add-jsx-component-to-app.gif

@@ -1,7 +1,7 @@
 ---
-title: Create a React app in Visual Studio
+title: Create a React project in Visual Studio
 description: Create, build, and run a simple React front-end web application project from a Visual Studio template, and set basic properties for the project.
-ms.date: 05/23/2024
+ms.date: 10/02/2024
 ms.custom: vs-acquisition
 ms.topic: tutorial
 ms.devlang: javascript
@@ -13,7 +13,8 @@ dev_langs:
   - JavaScript
 monikerRange: '>= vs-2022'
 ---
-# Create a React app
+
+# Create a React project
 
 In this 5-10 minute introduction to the Visual Studio integrated development environment (IDE), you create and run a simple React frontend web application.
 
@@ -23,18 +24,19 @@ Make sure to install the following:
 
 - Visual Studio 2022 or later. Go to the [Visual Studio downloads](https://visualstudio.microsoft.com/downloads/?cid=learn-onpage-download-cta) page to install it for free.
 - npm ([`https://www.npmjs.com/`](https://www.npmjs.com/package/npm)), which is included with Node.js
-- npx ([`https://www.npmjs.com/package/npx`](https://www.npmjs.com/package/npx))
 
 ## Create your app
 
 1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.
 
    :::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::
 
-1. Search for React in the search bar at the top and then select **Standalone JavaScript React Project** or **Standalone TypeScript React Project**, based on your preference.
+1. Search for React in the search bar at the top and then select **React App** for either JavaScript or TypeScript, based on your preference.
 
    :::image type="content" source="media/vs-2022/react-choose-standalone-template.png" alt-text="Screenshot showing choosing a template":::
 
+   Starting in Visual Studio 2022 version 11, the template name was changed from **Standalone JavaScript React Project** to **React App**.
+
 1. Give your project and solution a name. 
 
 1. Choose **Create**, and then wait for Visual Studio to create the project.
@@ -65,6 +67,9 @@ Next, you should see the base React app appear!
 
 ## Next steps
 
+> [!div class="nextstepaction"]
+> [Create a React app](create-react-app.md)
+
 For ASP.NET Core integration:
 
 > [!div class="nextstepaction"]

docs/javascript/media/vs-2022/react-add-jsx-component.png

@@ -1,7 +1,7 @@
 ---
-title: Create a Vue.js app in Visual Studio
+title: Create a Vue.js project in Visual Studio
 description: Create, build, and run a Vue.js front-end web application project from a Visual Studio template, and set basic properties for the project.
-ms.date: 05/23/2024
+ms.date: 10/02/2024
 ms.custom: vs-acquisition
 ms.topic: tutorial
 ms.devlang: javascript
@@ -13,7 +13,7 @@ dev_langs:
   - JavaScript
 monikerRange: '>= vs-2022'
 ---
-# Create a Vue.js app
+# Create a Vue.js project
 
 In this 5-10 minute introduction to the Visual Studio integrated development environment (IDE), you create and run a simple Vue.js frontend web application.
 
@@ -31,10 +31,12 @@ Make sure to install the following:
 
    :::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::
 
-1. Search for Vue in the search bar at the top and then select **Standalone JavaScript Vue Project** or **Standalone TypeScript Vue Project**, based on your preference.
+1. Search for Vue in the search bar at the top and then select **Vue App** for either JavaScript or TypeScript.
 
    :::image type="content" source="media/vs-2022/vue-choose-standalone-template.png" alt-text="Screenshot showing choosing a template":::
 
+   Starting in Visual Studio 2022 version 11, the template name was changed from **Standalone JavaScript Vue Project** to **Vue App**.
+
 1. Give your project and solution a name, and then choose **Next**.
 
 1. Choose **Create**, and then wait for Visual Studio to create the project.

docs/javascript/media/vs-2022/react-choose-standalone-template.png

@@ -2,7 +2,7 @@
 title: Create a pull request in Visual Studio
 titleSuffix: ""
 description: Create a pull request in Visual Studio by using GitHub or Azure DevOps.
-ms.date: 10/23/2023
+ms.date: 10/7/2024
 ms.topic: how-to
 author: houghj16
 ms.author: jehoughton
@@ -55,7 +55,11 @@ To create a pull request, follow these steps:
 
    :::image type="content" source="media/vs-2022/git-create-pr-issue-search.png" alt-text="The New Pull Request with # in the description box and a list of the related GitHub issues and pull requests shown in Visual Studio 2022."::: 
 
-1. Once you’ve clicked **Create** on your pull request, other developers can review your changes and provide feedback.
+1. Once you’ve clicked **Create** on your pull request, other developers can review your changes and provide feedback. Or, with Visual Studio 17.12 and later, click the dropdown and choose **Create as draft**.
+
+   :::image type="content" source="media/vs-2022/git-new-pull-request-create-draft.png" alt-text="Screenshot showing the option to create a new pull request as a draft." :::
+
+With Visual Studio 17.12 and later, you can enable the **Pull Request Templates** feature (in **Tools** > **Options** > **Environment** > **Preview Features**) so that your default PR template in your repo will be used when creating a new pull request for both GitHub and Azure DevOps. Learn more about how to add a pull request template to your repository in the [GitHub documentation](https://docs.github.com/communities/using-templates-to-encourage-useful-issues-and-pull-requests/creating-a-pull-request-template-for-your-repository) and [Azure DevOps documentation](/azure/devops/repos/git/pull-request-templates#default-pull-request-templates).
 
 ## View pull request comments in the editor